/* approveflow.com style */

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3b3b3b;
	line-height:1.4;
	letter-spacing:normal;
	word-spacing:normal;
	margin-top:0;
	padding-top:0;
	background:url(../images/body_back_rep.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
.home_body
	{
	background:url(../images/home_body_back_rep.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}	
.control_panel_body
	{
	background:url(../images/control_panel_body_back.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}		
.clearer
	{
	clear:both;
	}
a
	{
	color:#42b7d4;
	text-decoration:none;
	}		
.FL
	{
	float:left;
	}
.FR
	{
	float:right;
	}	
h2
	{
	font-size:24px;
	color:#1f8f4d;
	font-weight:bold;
	margin-bottom:20px;
	}	
.main_body_container
	{
	width:960px;
	float:none;
	margin:auto;
	}
.top_links_container
	{
	width:auto;
	height:40px;
	text-align:right;
	}	
	
.top_links li
	{
	float:right;
	display:inline;
	}					
.top_links li a
	{
	line-height:40px;
	height:40px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:0 15px;
	text-decoration:none;
	}
.top_links li a:hover
	{
	background:url(../images/menu_hover.gif) repeat-x;
	}	
.top_links li.divider
	{
	color:#FFFFFF;
	line-height:40px;
	}	
	
.header_container
	{
	width:960px;
	height:132px;
	background:url(../images/header_back.jpg);
	background-repeat:no-repeat;
	position:relative;
	}
.logo
	{
	position:absolute;
	width:341px;
	height:89px;
	left:34px;
	top:17px;
	}	
.header_left_shadow
	{
	position:absolute;
	left:-56px;
	top:24px;
	width:56px;
	height:108px;
	background:url(../images/header_left_shadow.jpg);
	background-repeat:no-repeat;
	}
.header_right_shadow
	{
	position:absolute;
	right:-56px;
	top:24px;
	width:56px;
	height:108px;
	background:url(../images/header_right_shadow.jpg);
	background-repeat:no-repeat;
	}				
.main_menu_container
	{
	position:absolute;
	right:24px;
	top:47px;
	}
.main_menu li
	{
	float:left;
	margin:0 5px;
	}	
.main_menu a
	{
	display:block;
	color:#2c2c2c;
	font-weight:normal;
	padding:3px 8px;
	text-decoration:none;
	font-size:16px;
	position:relative;
	height:28px;
	line-height:26px;
	}
.main_menu a:hover
	{
	background:url(../images/hover_curve.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#FFFFFF;
	}
.main_menu a:hover span
	{
	width:4px;
	height:35px;
	background:url(../images/hover_curve_right.png);
	background-repeat:no-repeat;
	background-position:right top;
	color:#FFFFFF;
	position:absolute;
	right:-1px;
	top:0;
	}	
.main_menu a.active
	{
	background:url(../images/hover_curve.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#02a5c7;
	color:#FFFFFF;
	padding:3px 8px;
	}
.main_menu a.active span
	{
	width:4px;
	height:35px;
	background:url(../images/hover_curve_right.png);
	background-repeat:no-repeat;
	background-position:right top;
	color:#FFFFFF;
	position:absolute;
	right:-1px;
	top:0;
	}	
	
.what_approveflow_container
	{
	width:960px;
	height:332px;
	color:#252525;
	font-size:17px;
	background:url(../images/movie_back.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	}
.what_approveflow_container p
	{
	margin:10px 0 30px 5px;
	line-height:26px;
	}
.blue_bar
	{
	padding:8px 65px 0 0;
	text-align:right;
	height:30px;
	margin-bottom:31px;
	}
.blue_bar li 
	{
display:inline;
	}
.blue_bar li a 
	{
color:#0d5c6e;
text-decoration:none;
font-weight:bold;
font-size:13px;
	}			
	
.testimonial_container
	{
	width:960px;
	height:131px;
	background:url(../images/testimonial_back.png);
	background-repeat:no-repeat;
	font-size:17px;
	color:#464646;
	margin-bottom:45px;
	}	
.brief_overview_container
	{
	width:960px;
	height:auto;
	font-size:14px;
	color:#3b3b3b;
	margin-bottom:28px;
	}
.brief_overview_container h2
	{
	font-size:24px;
	color:#1f8f4d;
	font-weight:bold;
	margin-bottom:25px;
	}
.brief_overview_container li
	{
	line-height:52px;
	font-size:18px;
	color:#545454;
	margin-bottom:10px;
	}	
.brief_overview_container img
	{
	margin-right:10px;
	}	
.EX_container
	{
	width:610px;
	height:79px;
	background:url(../images/ex_back_img.jpg);
	background-repeat:no-repeat;
	margin-top:24px;
	color:#ff4200;
	}	
.screenshot_container
	{
	background:url(../images/screenshot_back.jpg);
	background-repeat:no-repeat;
	width:960px;
	height:251px;
	}
.screenshot_container img
	{
	padding:2px;
	border:1px solid #cccccc;
	}		
.screenshot_container h2
	{
	font-size:22px;
	color:#464646;
	margin-bottom:15px;
	}
			
.footer_container
	{
	width:auto;
	height: auto;
	background:url(../images/footer_link_back.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#373737;
	margin-top:68px;
	}
.footer_link_container
	{
	width:892px;
	height:auto;
	float:none;
	margin:auto;
	padding:34px 42px;
	}
.footer_link_container h2
	{
	font-size:22px;
	color:#68daf7;
	border-bottom:2px solid #444444;
	margin-bottom:6px;
	line-height:40px;
	}								

.footer_link_container li a
	{
	font-size:14px;
	font-family:tahoma;
	color:#FFFFFF;
	text-decoration:none;
	line-height:25px;
	letter-spacing:.1em;
	}	
.copyright_container
	{
	width:auto;
	height:71px;
	background:url(../images/copyright_back_rep.jpg);
	background-repeat:repeat-x;
	}
.copyright_txt
	{
	width:960px;
	height:75px;
	float:none;
	margin:auto;
	line-height:75px;
	color:#FFFFFF;
	}		
.features
	{
	margin-top:50px;
	}	
.features li
	{
	line-height:52px;
	font-size:14px;
	margin-bottom:10px;
	}	
.features img
	{
	margin-right:10px;
	}	
.subscription_plan_container
	{
	width:960px;
	height:569px;
	background:url(../images/subscription_plan_back.png?nocache=12345);
	background-repeat:repeat-x;
	margin-top:40px;
	}
.subscription_plan_container li
	{
	padding-left:18px;
	background:url(../images/bullet.gif) 8px 11px;
	background-repeat:no-repeat;
	text-align:left;
	border-bottom:1px solid #cccccc;
	line-height:30px;
	font-size:13px;
	color:#464646;
	}			

.faq li
	{
	margin-bottom:30px;
	}	
.faq li p
	{
	font-family:tahoma;
	color:#1e7b90;
	font-weight:bold;
	text-decoration:none;
	}	
	
.input_back
	{
	background:url(../images/input_back_img.png);
	background-repeat:no-repeat;
	border:none;
	padding:9px;
	width:412px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin-bottom:22px;
	}	
.input_messege_back
	{
	background:url(../images/messege_back.png);
	background-repeat:no-repeat;
	border:none;
	padding:9px;
	width:412px;
	height:160px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin-bottom:22px;
	overflow:hidden;
	}	
.blog_post_time
	{
	width:66px;
	height:52px;
	padding-top:10px;
	text-align:center;
	background:url(../images/time_back.jpg);
	background-repeat:no-repeat;
	}	
.blog_post_title
	{
	font-size:30px;
	color:#373737;
	margin-bottom:0;
	}	
.blog_content_body
	{
	width:709px;
	height:auto;
	float:left;
	}
.blog_content_body img
	{
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #44aec7;
	}
.blog_read_more
	{
	width:709px;
	height:40px;
	background:url(../images/blog_read_more_back.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	font-size:12px;
	}			
.blog_right_column
	{
	width:202px;	
	padding-left:49px;
	float:left;
	margin-top:15px;
	}	
.blog_right_column h3
	{
	font-size:18px;
	color:#464646;
	padding-left:14px;
	background:url(../images/bullet.gif) 0 21px;
	background-repeat:no-repeat;
	border-bottom:1px solid #cccccc;
	line-height:46px;
	margin-bottom:15px;
	position:relative;
	}	
.sidebar_section
	{
	margin-bottom:20px;
	}	
.sidebar_section li a
	{
	color:#666666;
	font-size:12px;
	line-height:24px;
	}
.sidebar_section li a span
	{
	color:#42b7d4;
	}	
	
.control_panel_content
	{
	width:936px;
	height:auto;
	background:url(../images/control_panel_top_curve.gif) ;
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	margin-top:18px;
	padding:12px;
	}	
.control_panel_menu
	{
	width:936px;
	height:34px;
	background:url(../images/control_panel_menu_back.jpg) ;
	background-repeat:no-repeat;
	margin-bottom:40px;
	}
.control_panel_menu ul
	{
	margin-left:160px;
	color:#d3d3d3;
	}
.control_panel_menu ul li
	{
	display:inline;
	line-height:32px;
	margin:0 10px;
	}	
.control_panel_menu ul li a
	{
	color:#3f5a6a;
	}
.control_panel_menu ul li a:hover
	{
	text-decoration:underline;
	}								
.green_title
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#299f5a;
	background:url(../images/icon_approve.gif) scroll 0 3px;
	background-repeat:no-repeat;
	padding-left:34px;
	}	
.approval_middle_curve
	{
	width:483px;
	height:49px;
	background:url(../images/approval_middle_curve_box.gif);
	background-repeat:no-repeat;
	text-align:center;
	line-height:49px;
	color:#1b262d;
	font-size:18px;
	}	
.approval_listing
	{
	margin-top:30px;
	}
.approval_listing_menu ul
	{
	margin-left:10px;
	color:#299f5a;
	}
.approval_listing_menu ul li
	{
	display:inline;
	margin:0 10px;
	}	
.approval_listing_menu ul li a
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#299f5a;
	}
.approval_listing_menu ul li a:hover
	{
	text-decoration:underline;
	}								
		


.approval_tab_menu{
width:auto;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
}

.approval_tab_menu ul{
list-style-type: none;
margin:0;
padding:0;
}

.approval_tab_menu li{
display:inline;
margin:0;
padding:0;
}

.approval_tab_menu a{
float:left;
background:url(../images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.approval_tab_menu a span{
float:left;
display:block;
background:url(../images/glowtab.gif) no-repeat right top;
padding: 7px 12px 7px 3px;
font-family:tahoma;
font-size:14px;
color:#a5a5a5;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.approval_tab_menu a span {float:none;}
/* End IE5-Mac hack */

.approval_tab_menu a:hover span {
color: #FFFFFF;
}

.approval_tab_menu .current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.approval_tab_menu .current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
}

.approval_tab_menu a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.approval_tab_menu a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}


.table_header
	{
	background:url(../images/table_header_back.gif) ;
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:12px;
	}
.approval_title
	{
	font-size:11px;
	color:#565656;
	font-weight:bold;
	}
.approval_title:hover
	{
	text-decoration:underline;
	}	
	
.progress_box
	{
	width:70px;
	height:13px;
	border:1px solid #737373;
	font-size:9px;
	color:#1b262d;
	font-weight:bold;
	position:relative;
	background-color:#FFFFFF;
	}
.progress_bar
	{
    height:13px;
	float:left;	
	background:url(../images/progress_bar.gif) ;
	background-repeat:repeat-x;
	background-position:bottom;
	}		
	
.my_account_side_bar
	{
	float:left;
	width:231px;
	background:url(../images/my_account_right_column_img.jpg) ;
	background-repeat:repeat-x;
	height:400px;
	text-align:center;
	}

.create_app_side_bar
	{
	float:right;
	width:188px;
	background:url(../images/create_app_sidebar-img.jpg) ;
	background-repeat:repeat-x;
	height:400px;
	padding:20px;
	padding-top:30px;
	}	
.create_app_side_bar h3
	{
	background:url(../images/icon_file_small.gif) scroll 0 3px ;
	background-repeat:no-repeat;
	left:30px;
	color:#299f5a;
	font-size:18px;
	padding-left:20px;
	margin-bottom:8px;
	}			
	
.create_app_side_bar li a
	{
	padding-left:13px;
	background:url(../images/icon_right_arrow.gif) 0 5px;
	background-repeat:no-repeat;
	text-align:left;
	line-height:25px;
	font-size:12px;
	color:#666666;
	}			
		
.create_app_side_bar li a:hover
	{
	text-decoration:underline;
	}						
.create_approval
	{
width:658px;
float:left;
margin-right:34px;
padding-top:30px;
padding-left:30px;	
}	

.create_approval input
	{
width:auto;
border:1px solid #dedede;
padding:6px;
}
.create_approval textarea
	{
width:auto;
border:1px solid #dedede;
padding:6px;
}
.btnLoginGreen{ background:url('../image/btnLoginGreen.jpg') repeat 0px 0px; width: 73px; height: 28px; border:0; cursor:pointer; display: block;}
.btnLoginGreen span {display: none;}
.btnLoginGreen:hover {background:url('../image/btnLoginGreen.jpg') repeat 0px 0px;}

a.home_login{background:url('../image/btn_login.gif') repeat 0px 0px;width: 67px; height: 28px; display: block;}
a.home_login span {display: none;}
a.home_login:hover {background: url('../image/btn_login.png') repeat 0px 0px;}

a.btnRegisterGreen{background:transparent url('../image/btnRegisterGreen.jpg') repeat scroll 0 0;display:block;height:54px;width:140px;}
a.btnRegisterGreen span {display: none;}
a.btnRegisterGreen:hover {background: url('../image/btnRegisterGreen.jpg') repeat 0px 0px}	

a.btnRegister{ background:url('../image/btnRegister.gif') repeat 0px 0px; width: 90px; height: 28px; border:0; cursor:pointer; display:block; text-align:center; }
a.btnRegister span {display: none;}
a.btnRegister:hover {background:url('../image/btnRegister.gif') repeat 0px 0px; width: 90px; height: 28px; border:0;}
#did_you_know{
	background: url(../image/did_you_know.gif) no-repeat; width:347px; height:214px;
	text-align:center;	
	color:#B9876B;
	font-size:18px;
}
#did_you_know div{ padding:63px 42px 0 42px;}
#did_you_know_small{
	background: url(../image/did_you_know_small.gif) no-repeat; width:281px; height:222px;
	text-align:center;	
	color:#B9876B;
	font-size:18px;
}
#did_you_know_small div{ padding:63px 42px 0 42px;}
.a_link{
	color:#557689;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.a_link:hover{
	text-decoration:none;
}
.outlook_plugin{ font-size:16px; color:#6B2F0E; font-weight:bold; text-decoration:none;}
.outlook_plugin:hover{text-decoration:underline;}
.frmUserLogin td.label{
	text-align:right;
	padding-right:20px;
	padding-bottom:20px;
}
.frmUserLogin td{
	padding-top:17px;
	color:#557689;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}




#recent_approvals {background:url('../image/icon_file_small.gif') no-repeat 0px 0px; margin-left:20px; padding-left:25px; color:#29698c; font-size:16px;}

#recent_approval {background:url('../image/icon_right_arrow.gif') no-repeat 0px 9px; margin-left:8px; padding-left:10px;}

a.recent_approval {color:#666666; text-decoration:none;}

a.recent_approval:hover {text-decoration:underline;}

#contact_header td{color:#FFFFFF;font-weight:bold;}

#approvals_list .odd td, #approvals_list .even td{ vertical-align:middle; padding:5px 0;}

#approvals_list td{ vertical-align:top; color:#565656;}

#table_list .odd td, #table_list .even td{

	padding:3px;

	vertical-align:middle;

}

#table_list td{

	padding:3px;

	vertical-align:top;

}

.odd {background:#F8F8F8;}

.even {background:#ffffff;}

.expanded {

	background:transparent url(../image/icon_expanded.gif) no-repeat;

}

.collapsed {			

	background:transparent url(../image/icon_collapsed.gif) no-repeat;		

}

#pagination a:visited, #pagination a:link{

	color:#0A558B;

	font-family:arial;

	font-size:12px;

	text-decoration:none;

	padding:2px;

}

#pagination a:hover {

	color:#0A558B;

	font-family:arial;

	font-size:12px;

	text-decoration:underline;

	padding:2px;

}

#pagination .current_page{

	color:#0A558B;

	font-family:arial;

	font-size:14px;

	font-weight:bold;

	padding:2px;

}

div .login{

	color:#FFFFFF;

}

a.approval_title:active,a.approval_title:link,a.approval_title:visited { color:#565656; font-weight:bold; font-size:12px; text-decoration:none;}

a.approval_title:hover { text-decoration:underline;}

div.progress-outer-box{ background-color:#FFFFFF; float:left; width:70px; border:solid 1px #737373; height:13px; -webkit-border-radius: 5px; text-align:left;}
#toolbar { background: url("../images/table_header_back.gif") repeat-x scroll 0 0 transparent; height:30px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}

