body {
    background: transparent url(../images/background.jpg);
}

a {
	color: #4E9AEE;
	text-decoration: none;
}

a:hover {
	color: #003365;
}


blockquote.quotes {display: block;background: url(../images/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;font-size: 120%;line-height: 150%;width: auto;color: #666;border: 0;}
blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/quote-end.png) 100% 100% no-repeat;}

#modify-block ol { margin: 0px; padding: 0px; list-style-type: none; }  
#modify-block li { display: block; padding: 0.2em; }       
#modify-block label { display: block; font-weight: bold; float:left; width:200px; } 
#modify-block em { color: red; background-color: #fff; }   
#modify-block input { width:20em; }
#user_certs input { width:auto; }

#allProjects a {  color:#f99e33; } 
#allProjects a:hover { color: #4E9AEE; } 
.featured_row { background-color: #C1DFFF !important; }
.featured_row a { color: #BB3D2A !important;  }
.featured_row a:hover { color: #DF3A22 !important;  }

a img, img {
  border: none;/*remove border for linked images*/
  vertical-align: middle;
}

hr { border: 0; height: 1px; margin: 15px 5px; outline-color: #dddddd; background-color: #dddddd; }

#wrapper, #login .loginContent {
	width: 955px;
}

#header h1 {
    border-bottom: 1px solid #777;
    color: #555;
    padding-bottom: 0.2em;
}

h2 { margin-bottom:5px; }
h3 { margin-bottom: 10px; color: #f99e33; }
h4 { margin-top: 10px; margin-bottom: 5px; color: #4e9aee; font-weight:bold; }

#wrapper_outer {
text-align: center;

}
#wrapper {
text-align: left;
padding:0px 0px 0px 0px;
margin: 0 auto;
}


#content {
padding: 15px;
border: 1px solid #e0e0e0;
background-color:#FFF;
height:100%;
}
#footer {
    text-align: center;
}

.counter{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#666666}

.category_buttons #add { width:72px;  }
.category_buttons { float:left; height: 200px; width:100px; }
.category_holder { width:44%; float:left; padding-right:5px; }
.category_holder select { width: 99%; height: 200px; }

.category_holder2 { width:80%; float:left; padding-right:10px; }
.category_holder2 select { width: 100%; height: 100px; }

.category_holder3 { width:42%; float:left; padding-right:5px; }
.category_holder3 select { width: 99%; height: 200px; }


input, select, textarea { 	font-size:14px; border: 1px solid #CCCCCC;  }
input:hover, select:hover, textarea:hover { border: 1px solid #dddddd;  }

.ol_reigon {
width: 300px;
}
.ol_dateInput { 
	background-image:url(../../shared/icons/date.png); 
	background-position: center right;
	background-repeat: no-repeat; 
	width: 125px;
	padding-right: 20px;
}


.floater_home_left { float:left; display: block; width:175px; height:auto;  margin-right: 15px;  }
.floater_home_quicksearch { padding-left: 10px; }
.floater_home_middle { float:left; display: block; width:67%; height:auto;   }
.floater_dash_middle { float:left; display: block; width:78%; height:auto;   }
.floater_home_right { float:right; display: block; width:11%; height:auto;   }


.floater_right { float:right; display: block; width:240px; height:auto; margin-top: 5px; margin-left:20px; }
.floater_left { float:left; display: block; width:240px; height:auto; margin-top: 5px; margin-right:20px; }
.floater_profile_left { float:left; display: block; width:36%; height:auto; margin-top: 5px; margin-right:10px; }
.floater_profile_right { float:right; display: block; width:62%; height:auto; margin-top: 5px; }
.floater_profile_image { width:auto; max-width:300px; }
/*IE6 HACK for max-width*/ #floater_profile_image {width:expression(document.body.clientWidth > 300? "300px": "auto" );}
.floater_project_left { float:left; display: block; width:65%; height:auto; margin-top: 5px; margin-right:10px; }
.floater_project_right { float:right; display: block; width:32%; height:auto; margin-top: 5px; }

.floater_avatar_left { float:left; display: block; width:72%; height:auto; margin-top: 5px; margin-right:10px; }
.floater_avatar_right { float:right; display: block; width:23%; height:auto; margin-top: 5px; }
.floater_edituser_left  { float:left; display: block; width:17%; height:auto; margin-top: 5px; margin-right:0px; }
.floater_edituser_right { float:right; display: block; width:79%; height:auto; margin-top: 5px; margin-right:0px; }

.module_container { overflow:hidden; }

.module_container { border: 1px solid #e0e0e0; padding:5px; margin:5px; margin-top:0px; line-height:25px; margin-bottom:15px; }
.module_header { background-color:#e0e0e0; padding:5px; margin:5px; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image: url(../images/module_header_bg.jpg); color:#FFF; }
.module_container, .module_header {  padding-left: 10px; padding-right: 10px; } 
.module_highlight { background-color: #f6f4ff; }

.bg_quicksearch { background-image: url(../images/quicksearch_bg.jpg); background-repeat: repeat-x; background-position: top; } 
.bg_horiz { background-image: url(../images/gradient_horiz.jpg); background-repeat: repeat-x; background-position: bottom; } 
.bg_vert { background-image: url(../images/gradient_vert.jpg);  background-repeat: repeat-y; background-position: left; } 
.strip_padding { padding:0px; }
.strip_margin { margin:0px; }

.timezone_select{ width: 20.3em; }

.notice { display: block; padding: 5px; margin: 5px; background-color: #FFFFCC; border: 1px solid #FFCC99; }

.userIcon a, .userIcon a:visited { float:left; width:auto; height:55px; margin-right:20px;  display:block; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;  }
.userIcon a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;   }
.userIcon img { width:40px; height:40px; }

.search_title { font-size: 15px; }
.search_details { color: green; }
.search_highlight { background-color: yellow; }
.search_input { font-size: 16px; }
.search_header { float:right; margin-top: 15px; }
.search_checkbox { float:left; width: 205px; padding:5px; white-space:nowrap; height:20px;  }

.view_project_cats { width: 600px;  }
.view_project_cats li { float:left; width:180px;  
background-image: url(../../shared/icons/bullet_blue.png); 
background-repeat: no-repeat;
padding-left: 20px;
}

/*.table_icons a { display: block; padding: 5px; float: left; }*/

#modify-block { width: 720px; float:right; }
.tooltip_icons { white-space: nowrap; }
.tooltip_icons img { margin-left:2px; margin-right:2px; padding-top:1px; padding-right:1px; }
.tooltip_icons img:hover { padding-top:0px; padding-right:0px; padding-bottom:1px; padding-left:1px; }
.disabled { background-color:#e0e0e0 !important; border: 1px solid #ccc !important;  }

.module_search_item { width:50px; display: block; float:left; }

#footer {
height:92px;
background-image: url(../images/footer.png);
color: #666666;
}
.sorted_table th { white-space: nowrap; }


.green_bullet li { 
background-image: url(../../shared/icons/bullet_green.png); 
background-repeat: no-repeat;
padding-left: 20px;
}

.tiny_avatar { height: 50px; width:auto; }

.contact_user a { background-image: url(../images/contact_user.gif); width:284px; height:71px; display:block; }
.contact_user a:hover { background-image: url(../images/contact_user-hover.gif); text-decoration: none; }

.disabledToNorm { background-color:#FFF; color:#000; border: 1px #FFF solid; width:20px; font-weight:bold; }

.inbox_message { width:100%;display:block;float:left; border-bottom: #f0f0f0 solid 1px; }
.inbox_message a {  color: #666666; }
.inbox_message:hover { background-color: #f8f8f8; cursor: pointer; }
.inbox_message:hover a { color:#003365; }
.inbox_unread { background-color:#e6f6fe; }
.inbox_unread a { color: inherit;  }

.message_history_item_a, .message_history_item_b { padding:5px; width:98%; float:left; margin-bottom:5px; }
.message_history_item_a { border:1px solid #ccc;  }
.message_history_item_b { border:1px solid #f0f0f0; }
.message_history_item_b .subject { color:#666; }
.message_history_left { float:left; width:40px; display:block; margin-right:10px; }
.message_history_right { float:left; width:88%; display:block; }

.message_left { float:left; width:40%;display:block; margin-right:15px;   }
.message_right { float:left; width:98%; display:block;  border:1px solid #ccc; padding:5px; }

.message_history_item_a .message_history_title { font-weight:bold; border-bottom:1px solid #ccc; }
.message_history_item_b .message_history_title { font-weight:bold; border-bottom:1px solid #f0f0f0; }


.dash_menu_title { color: #000; font-weight:bold; 
border-bottom: 1px solid #e0e0e0; 
border-left: 1px solid #e0e0e0; 
padding:3px;
width:100%; margin:0px;   
}
.dash_item { padding:3px;
border-right: 1px solid #e0e0e0; 
 width:100%;display:block;float:left; border-bottom: #f0f0f0 solid 1px; line-height: normal; }
.dash_item:hover, .tab-menu li:hover, .tab-menu li.tab-selected { background-color: #f8f8f8; cursor: pointer; }
.dash_item:hover a { color:#003365 !important; }


.tab-menu li {
border-right: 1px solid #e0e0e0; 
}

/* USER CARD STARS : TODO: DELETE */
.rating_wrapper {
margin-left: 139px;

}
.small_rating {

	width:64px;
	height:13px;
	background-repeat: no-repeat;
	background-position: center;
	border:0px;
}
.small_rating_50 {
	background-image: url(../images/star-50.gif);
}
/* DELETE END */

.view_contacts { width:200px;margin:5px;float:left; background-color:#f0f0f0; border:1px solid #e0e0e0; display:block; padding:5px; }
.view_contacts:hover { cursor: pointer; background-color:#f7a03a; }

.home_viewads a, .home_signup a, .home_submitad a {  width:185px; height:192px; display:block; background-position:bottom; background-repeat: no-repeat; }
.home_viewads a { background-image:url(../images/viewads_b.jpg);  }
.home_signup a { background-image:url(../images/signup_b.jpg); }
.home_submitad a { background-image:url(../images/submitad_b.jpg); }
.home_viewads a:hover { background-image:url(../images/viewads_bh.jpg); }
.home_signup a:hover { background-image:url(../images/signup_bh.jpg); }
.home_submitad a:hover { background-image:url(../images/submitad_bh.jpg); }
.home_sep { background-image:url(../images/seperator.jpg); padding-right:31px; background-position:right top; } 

#user_certs .cert { border: 1px solid #e0e0e0; }
#user_certs .cert:hover { background-color:#dbedf9; }
#user_certs .cert_title { }
#user_certs .cert_title:hover { cursor:pointer; color:#003365; }
#user_certs .label_padding { padding:3px;width:150px;display:block;float:left; height:15px;  }
#user_certs .input_padding { float:left; height:15px; display:block; padding:3px; }

.view_question { width: 270px; float:left; display:block; padding-top:2px; padding-bottom:3px; }

h1.h_home { font-size:16px !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
h2.h_home { font-size:14px !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }



























/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */
#top {
  	background: url(../images/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
}

#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(../images/login_r.jpg) no-repeat right 0;
	padding-right: 45px;
}

#top ul.login li.left {
  	background: url(../images/login_l.jpg) no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	background: url(../images/login_m.jpg) repeat-x 0 0;
}

#top ul.login li a {
	color: #359ece;
}

#top ul.login li a:hover {
	color: white;
}

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	background: #1E1E1E;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login a {
	text-decoration: none;
	color: #359ece;
}

#login a:hover {
	color: white;
}

#login .loginContent {
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
	margin-right: 350px;
}

#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}

#login .loginContent input:focus.field {
	background: #545454;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/button_login.jpg) no-repeat 0 0;
}

#login .loginContent input.button_login_disabled {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/button_login.jpg) no-repeat 0 0;
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
}


#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 1em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(../images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#login .loginClose a:hover {
	background: url(../images/button_close.jpg) no-repeat right -20px;
}
























/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/       


#msg1 { font: 1em arial, helvetica, sans-serif; }

/***** clear *****/
.clearfix {clear:both;font-size:0.1px;height:0pt;line-height:0pt;width:0pt;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */


/* Basic form styles */       
#login form ol { margin: 0px; padding: 0px; list-style-type: none; }  
#login form li { display: inline; padding: inherit; }       
#login form label { display: inline; font-weight: normal; } 
#login form em { color: default; background-color: default; }   
       
/* Input elements */
#login form input.text, form textarea { width: auto; }
#login form select { width: auto; }
#login form input.file { width: auto; }
#login form input { font-size: 12px; }



























body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border:0; margin:0; padding:0;
}
ul, li{border:0; padding:0; margin:0; list-style:none; }

#menu-container {
	background:url(../images/menu/nav-bg.gif) repeat-x; 
	display:block;
	position:relative;
	width:955px;
	margin:0px;
	font-size:11px;
	height:48px;
	z-index:1;
}
#drop_down_menu {
	display:block;
	position:absolute;
	clear:both;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
	width:955px;
	left:0px;
	top:0px;	
}
#drop_down_menu li a {
	color:#222222;
}
#drop_down_menu li {
	font-size:12px;
	font-weight:bold;
	float:left;
	cursor:pointer;
	color:#222222;
	width: 11%;
	border-right: 1px solid #e0e0e0;
	height:32px;
	line-height:32px;

}
#drop_down_menu li ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding-top:0px;		
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
	background-color:#dbedf9;	
}
#drop_down_menu li ul li {
	display:block;
	float:none;
	clear:both;
	height:auto;
	width:100%;
	margin:0px;
	padding:0px;
	z-index:1;	
}
#drop_down_menu li ul li a {
	color:#222222;
	font-weight:normal;
	text-decoration:none;
	display:block;	
}
#drop_down_menu li ul li:hover {
	background-image: url(../images/menu/nav-hover.gif);
}
#drop_down_menu li ul li a:hover {
	color: #222222;
}
#drop_down_menu li a:hover { 	color: #FFFFFF;  }
#drop_down_menu li:hover {
	background-image: url(../images/menu/sublink.gif);
	color: #FFFFFF;	
}


	
	
/* STEP NAVIGATION = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav li{
	height:41px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../images/stepbutton.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 10px;
}

#mainNav li.current{
	background-color:#e09639;
	background-image: url(../images/stepcurrentbutton.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

#mainNav li.lastDone{
	background-color:#2aa3e2;
	background-image: url(../images/steplastbutton.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

#mainNav li.done{
	background-color:#2aa3e2;
	background-image: url(../images/stepdonebutton.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a strong{
width:120px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:110px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:41px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:91px;}
#mainNav.fiveStep li a{width:91px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:113px;}
#mainNav.fourStep li.mainNavNoBg{width:114px;}
#mainNav.fourStep li a{width:113px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:151px;}
#mainNav.threeStep li.mainNavNoBg{width:152px;}
#mainNav.threeStep li a{width:151px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:227px;}
#mainNav.twoStep li a{width:227px;}	

.clearfloat {clear: both; display: block;}