@charset "utf-8";
/* CSS Document */

#try_free_text					{	background:url(../img/try_free_text.jpg) no-repeat;	width:767px;	height:93px;	margin:160px 96px 10px 97px; 	}
#try_free_form				{	width:960px;	float:left;		background-color:#f5f7e9;		position:relative;		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	color:#FFFFFF;		font-size:11pt;		padding:25px 0px;}
#temp_login_form			{	width:960px;	float:left;		background-color:#f5f7e9;		position:relative;		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	color:#719103;		font-size:11pt;		padding:25px 0px;	margin:25px 0px 0px 0px;	}
#temp_login_form	heading	{	font-size:24px;		padding-left:50px;		color:#000000;	}
#form_container				{	width:800px;	float:left;		margin:10px 130px 10px 130px;		}
#account_setup_form_container		{	width:960px;	float:left;		margin:10px 10px 10px 20px;		}
.rowElem	input[type="text"]				{	width:470px;	}
.rowElem		{		font-size:14px;		}
.rowElem	a	{		font-size:14px;		text-decoration:underline;	color:#008eb3;	}
.rowElem	a:hover	{		font-size:14px;		text-decoration:underline;	color:#000;}
.rowElem span.caption 	{	font-size:12px; color:#666;	}
/*input, select {    border: 1px solid #888;    background: #ffffff;    padding: 3px 4px;    color: #222;    margin: 0px 5px 0px 0px;    border-radius: 7px;    -moz-border-radius: 7px;}*/
input:focus, select:focus {    outline: none;}
/*.InputGroup {    display: inline-block;    padding: 3px 4px;    border: 1px solid #FFF;    border-radius: 7px;    -moz-border-radius: 7px;}*/
.ErrorField {    border-color: #D00;    color: #D00;    background: #FFFFFE;}
span.ValidationErrors {     	float:right;		font-size: 12px;    color: #FF0;    padding: 10px 5px 0px 10px;	}
@-moz-document url-prefix() {
 span.ValidationErrors	{ margin-top:-30px;		}
}

.section_heading		{		background:#e9e9e9;		font-size:16px;		color:#000000;	padding:5px 15px 5px 15px;	margin:5px 5px;		float:left;	position:relative	;}
.account_setup_heading		{	background:#e9e9e9;		font-size:16px;		color:#000000;	padding:5px 15px 5px 15px;	margin:5px 5px;		float:left;	position:relative	;}
.account_setup_heading	 h1	{	font-size:20px;		color:#008eb3;	padding:5px 15px 5px 15px;	margin:5px 5px;		float:left;	position:relative	;}
.account_setting_section_cont		{	width:800px;	}
.section_cont								{	width:810px;	font-size:13px; float:left; }
.section_row					{	padding:7px;	width:800px;	float:left;}
.section_row_short					{	padding:7px;	width:380px;	float:left;}
.section_row input[type="text"]		{	width:450px;	}
.section_row label			{	padding-right:10px;		text-align:right;	width:150px;	float:left;	vertical-align:bottom;	}
.section_row_short label			{	padding-right:10px;		text-align:right;	width:150px;	float:left;}
.section_row_short input[type="text"]		{	width:200px;	}
.highlight_selected 		{	background:#e2e0c1;	}

.input_caption			{		font-size:12px;	color:#666;	border:0px solid #000; position:relative; height:24px;	float:left;  padding:5px 5px 0px 5px; }
/*input, select {    border: 1px solid #AAA;    background: #ffffff;    padding: 3px 4px;    color: #222;    margin: 0px 5px 0px 0px;     height:15px;}*/
.underline		{	text-decoration:underline;	cursor:pointer; 	cursor:hand;	}
.link_btn						{	text-decoration:underline;	font-size:11px;	cursor:pointer; cursor:hand;	color:#099; float:left; }
.link_btn:hover			{	text-decoration:underline;	font-size:11px;	cursor:pointer; cursor:hand;	color:#000;float:left; }
.link_btn_red				{	text-decoration:underline;	font-size:11px;	cursor:pointer; cursor:hand;	color:#900;float:left; }
.link_btn_red:hover		{	text-decoration:underline;	font-size:11px;	cursor:pointer; cursor:hand;	color:#000;float:left; }

/* FOR THE TABLE   */
.qop_table		{		border-top:1px solid #008eb3;	border-bottom:1px solid #666;	font-size:12px;		width:700px; }
.qop_table td	{	padding:5px;	}
.qop_table tr:hover	{	cursor:pointer;	cursor:hand;	background:#EEE;}
.qop_table td a	{	color:#099;}
.qop_table td a:hover	{	color:#FFF;	background:#008eb3;	}
.qop_header_table		{	background:#008eb3;	color:#FFF;	}
.qop_header_table:hover		{	background:#099;	color:#FFF;	cursor:pointer;	cursor:hand;}
.pre_header_links	{	background:#DDD;	width:695px;	margin-top:5px; padding:5px 0px 5px 5px;}
.pre_header_arrow	{	position:relative;	 top:10px; left:-35px;}
.pre_header_links input[type="button"]				{	background:#666;	margin:5px 0px 5px 15px;	border:1px solid #FFFFFF; padding:3px 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF;}
.pre_header_links input[type="button"]:hover	{	background:#008eb3;	margin:5px 0px 5px 15px;	border:1px solid #FFFFFF; padding:3px 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; cursor:pointer; cursor:hand;}
.qop_search		{	background:url(../img/qop_search_icon.png) no-repeat;	 border:none; height:32px;	font-size:13px; padding-left:16px; color:#008eb3; text-decoration:none; position:relative; }
.qop_table_footer_links		{	font-size:13px; 	text-align:right;	color:#000000;	text-decoration:none;	}
.qop_table_footer_links a	{	color:#008eb3;	text-decoration:underline;}
.qop_table_footer_links a:hover		{	color:#000000;	text-decoration:underline;}


.dialog_container	{	width:100%;	height:100%;	background:url(../img/dialog_background.png) repeat transparent;	position:fixed;	z-index:1000;	}
.dialog			{		background:#FFF;	position: absolute;  width: 700px;	padding:10px 10px 30px 10px; font-size:13px;	left:0px;	right:0px;	margin:auto;	top:100px; border:7px solid #008eb3;	}
.dialog_small			{		background:#FFF;	position: absolute;  width: 400px;	padding:10px 10px 30px 10px; font-size:13px;	left:0px;	right:0px;	margin:auto;	top:100px; border:7px solid #008eb3;	}
.dialog_small_heading		{	 font-size:20px; color:#008eb3; font-weight:bold;	}
.dialog_wo_border			{		background:#FFF;	position: absolute;  width: 700px;	padding:30px 20px 30px 20px; font-size:13px;	left:0px;	right:0px;	margin:auto;	top:100px; border:1px solid #008eb3;	}
.dialog_cross		{	background:url(../img/qop_cross_icon.png)	 no-repeat;	width:16px;	height:16px;	float:right;	cursor:pointer; 	cursor:hand;}
.dialog_heading	{	font-size:20px;	}
.dialog_container	ul		{	margin-left:40px;	}

.page_heading		{	width:700px;	font-size:30px;	 padding:10px 0px;}
.page_heading	a	{	text-decoration:underline;	color:#008eb3;	font-size:16px;	}
.page_heading	a:hover	{	text-decoration:underline;	color:#000000;	font-size:16px;	}

/* FOR THE INFO CONTAINER */

.info_container	{	width:800px;	background:#39C;	font-size:13px;	color:#FFFFFF;	padding:10px; margin-top:20px;}		
.info_container_cross	{background:url(../img/qop_cross_icon.png)	 no-repeat;	width:16px;	height:16px;	float:right;	cursor:pointer; 	cursor:hand;	}		
.info_container	a	{	color:#CF0;	}
.info_container	a:hover	{	color:#FFF;	}

.side_info			{	width:300px;	background:#CCC;	font-size:12px;	color:#000000;	padding:10px; margin:0px 20px 20px 20px;	position:relative;		right:0px;	float:left;}
.side_info ul		{	padding:20px;}

#search_box		{	background:#DDDDDD;	width:695px;	border-bottom:1px solid #CCC;	}
.search_box_table {	font-size:13px;		}
.info_table		{	font-size:13px;		border:1px}
.info_table	a	{	color:#008eb3;}
.info_table	a:hover	{	color:#FFF;	background:#008eb3;}
.post_content_button		{	padding:5px;	background:#333;	border:1px solid #008eb3;	font-size:13px; color:#FFF;}
.post_content_button:hover	{	padding:5px;	background:#008eb3;	border:1px solid #008eb3;	font-size:13px;	color:#FFF;	cursor:pointer;	cursor:hand;}

.info_container_with_icon	{	width:800px;	background:#39C;	font-size:13px;	color:#FFFFFF;	padding:20px; margin-top:20px;	position:relative;	padding-left:80px;}
.info_icon	{	width:64px;	height:64px;	position:absolute; left:10px;top:10px;}		
.hr_td	{	background:#CCC;	height:2px;}

#project_summaries	{		width:550px;	}
.project_summary	{	height:50px; float:left;background:#EEE;	border-top:1px solid #AAA;	width:550px;}
.project_summary:hover	{	height:50px; float:left;background:#DDD;	border-top:1px solid #AAA;	width:550px;}
.project_summary h1	{	font-size:16px;	width:200px;	float:left;}
.hours		{	font-size:24px;	width:100px;	position:relative;float:left;}
.caption		{	position:relative;	font-size:12px;	left:0px;	color:#666666;}
.caption	a	{	position:relative;	font-size:12px;	left:0px;	color:#008eb3;}
.caption	a:hover	{	position:relative;	font-size:12px;	left:0px;	color:#000;}
.note		{	font-size:11px;	color:#008eb3;	float:left; width:550px;	}
.side_info_2			{	width:200px;	background:#666666;	font-size:12px;	color:#FFFFFF;	padding:10px; position:relative;		right:0px;	float:left;}
.side_info_2 h1		{	font-size:20px;	}
.side_info_2 a		{	color:#FFFFFF;}
.side_info_3			{	width:200px;	background:#EEEEEE;	font-size:12px;	color:#000000;	padding:10px; position:relative;		right:0px;	float:left;}
.side_info_3 h1		{	font-size:16px;		background:#CCCCCC;	padding:2px 10px 2px 10px;}
.side_info_3 ul		{	list-style:none;	list-style-position:inside;	padding:5px 0px 5px 15px;}
.side_info_3 li a		{	text-decoration:none;	color:#333;}
.side_info_3 li:hover		{	background:#FFFFFF;}
hl	{	background:#008eb3;	color:#FFFFFF;	}
#left		{	width:230px;	float:left;}
#right		{	width:550px;	float:left;}

.content_row	{	margin:5px; float:left;}
.content_row_content		{	width:300px;	font-size:13px;		float:left;	margin-left:12px;}
.content_label		{	text-align:right;	font-size:13px;		width:100px;	float:left;}
.content_row_2	{	margin:5px; float:left;	width:550px;}
.content_row_content_2		{	width:400px;	font-size:13px;		float:left;	padding-left:12px;	}
.content_label_2	{	text-align:right;	font-size:13px;		width:100px;	float:left;}
.small_tooltip	{	background:#FF9;	padding:5px;	font-size:13px;	color:#000000;	position:relative;	top:10px;	left:0px;	border:1px solid #666;	}
.button_info		{	width:700px;	font-size:13px;	  position:relative;	top:-25px;	left:175px;color:#999;}
.button_info:hover		{	width:700px;	font-size:13px;		color:#000;}
.asterisk	{	position:absolute;	}
#dialog_form		{	background:#FFF;	width:800px;		float:left;}

.payment_section_cont			{	width:960px;	font-size:12px; float:left; padding-top:25px;	}
.payment_cont		{	width:850px;	border:0px solid #000000;	float:left; padding-left:25px;	margin-top:10px;}
.payment_cont div	{	}
.payment_field_short		{	width:186px;	float:left;}
.payment_field_long		{	width:250px;	float:left;}
.divider		{	background:url(../img/divider.png) center;	width:760px; height:22px;	float:left; margin-top:10px;	}
.label_for_check check_text	{	font-size:11px;		padding:5px;	color:#666666;	width:500px;	}
.label_for_check	{	width:300px;	}

.dialog_edit_cont	{	padding-top:25px;	}
.dialog_edit_info		{	width:700px;}
.dialog_edit_info		label	{	width:150px;	font-size:13px;	font-weight:bold;		color:#008eb3;		float:left;	text-align:right;	padding:5px; padding-right:20px;	}
.dialog_edit_info		div	{	width:650px;	font-size:13px;		padding:5px;}

#preview_window	{	width:694px;	cursor:hand;	cursor:pointer;	}
#preview_top			{	background:url(../img/preview_top.jpg) no-repeat top;	width:694px;	height:253px;	}
#subject					{	position:relative;	top:124px;	font-size:11px;	color:#333333;	left:155px;}
#name						{	position:relative;	top:175px;	font-size:24px;	color:#333333;	left:60px;}
#preview_middle		{	background:url(../img/preview_middle.jpg) repeat-y;	width:694px;		padding-bottom:30px;}
#preview_bottom	{	background:url(../img/preview_bottom.jpg) no-repeat top;		width:694px;	height:123px;	}
#email_body_preview		{	font-size:12px;		border:0px;	width:550px;	margin-left:60px;	}
#preview_footer		{	font-size:10px;		position:relative;	left:60px;	top:30px;}
#preview_footer	a	{	font-size:10px;	 color:#008eb3;}
#qop_logo_footer	{	height:30px;	position:relative;	top:-5px;	left:475px;}


#top_links	{	position:absolute;	right:50px;	}
.t_links	{	font-size:13px;	color:#FFF;	}
.t_links ul	{	list-style:none;}
.t_links li	{	list-style:none; float:left;}
.t_links	 a	{	text-decoration:none;	color:#FFF;	margin:2px;padding:5px;}
.t_links	 a:hover{	text-decoration:none;	color:#008eb3;	margin:2px;padding:5px;	background:#CCC;	}
.t_links	 a.selected	{	text-decoration:none;	color:#008eb3;	margin:2px;padding:5px;	background:#FFF;	}
.t_links	 a.selected:hover	{	text-decoration:none;	color:#008eb3;	margin:2px;padding:5px;	background:#CCC;	}

#admin_nav		{	width:960px;	margin:auto;	margin-top:20px;	margin-bottom:20px;}
.admin_nav	{		list-style:none; float:left; 	}

.admin_nav_left	{	background:url(../img/admin_nav_left.png) no-repeat right;	width:25px;	height:50px; float:left;	}
.admin_nav li	{	background:	url(../img/admin_nav.png) repeat-x;	height:50px; float:left;	padding-top:10px;		cursor:pointer; cursor:hand;}
.admin_nav li:hover	{	background:	url(../img/admin_nav_sel.png) repeat-x;	height:50px; float:left;	padding-top:10px;	}
.admin_nav li.selected{	background:	url(../img/admin_nav_sel.png) repeat-x;	height:50px; float:left;	padding-top:10px;	}
.admin_nav a {	font-size:13px;	color:#FFF;	text-decoration:none;	padding:5px 25px;	}
.admin_nav_right	{	background:url(../img/admin_nav_right.png) no-repeat left;	width:25px;	height:50px; float:left;	}

.delete		{	background:	url(../img/del_icon.png) transparent no-repeat;	width:16px; height:16px; border:0px;	}
.logo_preview_cont		{	width:150px;	height:100px;	background:#008eb3;	border:1px solid #333;	margin-left:200px;	color:#FFFFFF;	text-align:center;	}

.checkbox_container	{	margin-left:200px;		}
.checkbox_container label.unchecked	{	color:#900;		}
.checkbox_container label.checked	{	color:#008eb3;		}

.qop_button	{	background:url(../img/qop_input.jpg) repeat 0 0;	height:42px; padding:0px 20px;	font-size:14px;	color:#FFFFFF;	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	letter-spacing:-1px; border:none;	border-radius:2px; cursor:pointer; cursor:hand;}
.qop_button:hover	{	background-position:0 -31px;}
#registerButton	{float:right; margin-right:43px;}
span.bo_errors {     	float:right;		font-size: 12px;    color: #FF0;    padding: 0px;	}