@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background:#C7D0D9 url(../images/bg_design.jpg) no-repeat fixed;
	color:#7C5E5E;
}

a {
	
}
pre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
small {
	font-size:10px;
	font-weight:normal;
	}
h3, div{
	
	padding:0;
	margin:0;
	}

form {
	padding:0;
	margin:0;
	}

img {
	border:none;
	/*padding:0;
	margin:0;*/
	}

table td {
	font-size:10px;
}
input {
	margin:0;
	padding:0;
	}
.clr {
	clear:both;
	}
.right{
	float:right;
}
.left{
	float:left;
}

#page {
	width:792px;
        background:#ffffff;
}
#header {
	background:#ffffff url(../images/waves2.jpg) no-repeat;
	
}
#menus {
	float:right;
	height:80px;
	
	width:621px;
}
/*--------------------------------------------------Top Menu-----------------------------------------*/
#top_menu {
	height:30px;
	float:right;
	width:610px;
	
}
#top_menu ul{
	list-style:none;
	padding:0;
	margin:0 0 0 5px;
	line-height:16px;
	}
#top_menu ul a {
	
	text-decoration:none;
	font-size:9px;
	font-weight:bold;
	color:#6B81BB;
	
	margin:0 3px 0 3px;
}
#top_menu li {
	background:url(../images/sm_button_bg.jpg) repeat-x #ffffff;
	border:1px solid #a4a3c6;
	height:20px;
	display:inline-block;
	float:left;
	margin-right:5px;
	margin-top:3px;
	margin-bottom:3px;
}

#top_menu form input {
	float:left;
	margin:3px 0 3px 0;
	height:20px;
	border:1px solid #a4a3c6;
	padding:0;
	padding-left:2px;
	width:100px;
	}
#top_menu form input.submit {
	float:left;
	width:55px;
	font-size:8px;
	color:#6B81BB;
	font-weight:bold;
	height:22px;
	margin-right:5px;
	background:url(../images/sm_button_bg.jpg) repeat-x #ffffff;
}


#header_banner {
background:url(../images/header_banner.jpg) no-repeat 50%;
height:100px;
width:792px;
border-top:2px solid #778899;
border-bottom:2px solid #778899;
}
/*------------------------------------------------CMS menu CSS---------------------------------------------*/
#main_menu {
	background:#8280B2 url(../images/darker_link_box.jpg) repeat-x;
	height:40px;
	float:right;
	/*width:570px;*/
	border:2px solid #a4a3c6;
	margin-left:5px;
}

#nav, #nav ul { /* all lists */
		list-style:none;
		padding:0;
		margin:0 0 0 4px;
		line-height:30px;
		float:left;
	}
	
#nav a {
	background:url(../images/big_button_bg.jpg) repeat-x #ffffff;
	text-decoration:none;
	display:block;
	height:34px;
	font-size:10px;
	font-weight:bold;
	color:#6B81BB;
	
}
	
#nav a:hover {
	text-decoration:underline;
	color:#F3961F;
	}
	
#nav li { /* all list items */
		border:1px solid #a4a3c6;
		background:url(../images/big_button_bg.jpg) repeat-x #ffffff;
		height:34px;
		width:auto;
		margin-right:3px;
		margin-top:2px;
		margin-bottom:2px;
		position:relative;
		padding:0 3px;
		float:left;
		/*the width is set using the db and menu_sub.php*/
}
	
#nav li ul { /* second-level lists */
		position: absolute;	
		background:#E7A654;
		width: 210px;
		display:none; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		line-height:20px;
		padding-top:5px;
		padding-bottom:5px;
		z-index: 10000;
}
	
#nav li ul li {
		margin-bottom:3px;
		background:url(../images/big_button_bg.jpg) repeat-x #ffffff;
		height:20px;
		
}
	
#nav li ul li a {
		display:block;
		width:200px;
		padding:0 2px;
		color:#6B81BB;
		height:20px;
		font-size:10px;
		text-align:left;
		background:url(../images/big_button_bg.jpg) repeat-x #ffffff;
}
	
#nav li ul li a:hover {
	text-decoration:underline;
		
}
	
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		display:block;
		
}

/*------------------------------------------------------------------Main Page----------------------------*/
#main.index{
	/*height:623px;*/
	width:792px;
	background: url(../images/main_bg.jpg) no-repeat #A1AFD4;
	/*background-position:bottom;*/
	text-align:left;
        padding-bottom:10px;
	}
#main_left {	
	float:left;
	width:232px;
	padding-left:15px;
	padding-right:20px;
	margin-top:15px;
	
}
#main_center {
	float:left;
	margin-top:15px;
	width:255px;
	color:#7C5E5E;
	
}
#main_right {
	float:left;
	width:235px;
	padding-left:20px;
	padding-right:15px;
	margin-top:15px;
	
}

#main h3 {
	display:block;
	padding-left:30px;
	background:url(../images/sm_swoosh.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#475691;

	}
        #main h4{
          color:#475691;
        }
        .orange{
    color:#E6A555;
   
}
.press_date {
	color:#E6A555;
	font-size:12px;
	margin-bottom:3px;
	}
#press_feed a {
	color:#0000ff;
	}
#cert_process{
	position:absolute;
	height:459px;
	width:759px;
}
/*-----------------------------------------------------------------------Main Center------------------------------------*/
#main p  {
	margin:10px 0 10px 0;
	padding:0;
	font-size:12px;
	overflow: auto;
	}
#main_center h5, #main_center h4{
	margin:5px;
	padding:0;
}
#main_center h5{
	font-size:12px;
}
#main_center p{
	margin:5px;
	margin-top:0;
	line-height:130%;
}
#main_center hr {
    color:#E9A856;
    border:1px dashed #E9A856;
    margin:5px 0;
   

}
/*--------------------------------------------------------------Main page--------------------------------------------*/
#main.other{
	width:772px;
	background:#ffffff;
	background-position:bottom;
	text-align:left;
	padding: 10px;
	/*height:650px;
	overflow:auto;*/
	}
#main.home{
	width:772px;
	background:#ffffff;
	background-position:bottom;
	text-align:left;
	padding:10px;
        padding-top:0;
	/*height:650px;
	overflow:auto;*/
	}
h4.title {
	width:752px;
	border-bottom:#c3c3c3 1px solid;
	color:#E6A555;
	font-size:20px;
	margin-bottom:10px;
	}
/*-------------------------------------------------------Footer -------------------------------*/
#footer , #footer a {
	color:#7C5E5E;
	font-size:10px;
}
/*------------------------------------------CMS------------------------------------------------*/
#main a {
	color:#0000FF;
	font-size:12px;
}


.cmsTable td, .cmsTable td a {
	color:#7C5E5E;
	border-bottom:1px solid #CCCCCC;
	font-size:12px
	}
/*-----------------------------------------Tables-----------------------------------------------*/
table#tableStyleA {
border-collapse:collapse;
border-left:1px solid #4E579A;
border-right:1px solid #4E579A;
margin-top:10px;
}

table#tableStyleA.pad10 th, table#tableStyleA.pad10 td {
padding:10px;
}
table#tableStyleA td {
border:1px solid #4E579A;
}
#memberApp_tbl td, #testApp_tbl td{
	font-size:10px;
	}
	
tr.color{
	background:#efefef;
}

/*-------------------------------------------------------------------------Member Testimonials---------------------*/
div.vendor_comment {
	border-bottom:1px solid #c3c3c3;
	padding-top:10px;
}
div.vendor_comment span, div.vendor_comment a {
	text-decoration:none;
	color:#E6A555;
	font-size:16px;
	margin:5px;
}
/*-------------------------------------------------------------------Search Results ----------------------------*/
p.searchResult{
	padding:5px;
	border-bottom:1px solid #E6A555;
}
/*----------------------------------------------Members List -------------------------------*/
#memberTable td {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	text-align:center;
	vertical-align:middle;
}
.memberTable td {
	border:none;
}
/*---------------------------------------------Store ---------------------------*/


	.cat_name { font-size:14px; font-weight:bold; }
	
	.prod_tbl td { border-bottom:1px solid #CCC; vertical-align:top; }
	
	.prod_name { font-size:12px; font-weight:bold; }
	
	.prod_description { font-size:11px; }
	
	.prod_price { font-size:14px; }
	
	#store_btn { margin:0; padding:0; list-style:none; }
	
	#store_btn li { margin:0; padding:0; list-style:none; }
	
	#store_btn li a { 
		background:#0E2B8D; 
		padding:3px 3px; 
		font-weight:bold;
		border:1px solid #0E2B8D; 
	}
	
	#store_btn li a:hover { background:#F59C00; }
/*--------------------------------------------------------- FAQ -----------------------------*/
div.faq{
	margin-bottom:20px;
}
#main p.question{
	font-size:14px;
	text-decoration:underline;
	cursor:pointer;
	padding-left:20px;
	background:url(../images/plus.gif) no-repeat;
}
#main p.clicked{
	background:url(../images/mins.gif) no-repeat;
}
#main p.answer{
	padding-left:50px;
	
}
/************************************* New Homepage Styles *******************************/

#home h3, #home h2 {
    color:#3E426F;
}
#home h2 {
    text-transform: uppercase;
    margin:0 0 10px 0;
}
#home h3{
    text-align:center;
    width:100%;
    background:none;
    padding:0;
    margin:0;
	font-size:24px;
}
 #home-left{
    float:left;
}
#home-left h3{
	text-align: left;
}
#home-left{
    width:455px;
    padding:10px;
}
#home-right{
    width:275px;
    margin-left:15px;
   
   
}
#home-right div, div.bottomBlock,#scrollingNews {
    padding:10px;
    background:url(../images/box_gradient.jpg) repeat-x bottom left #b0c4de;
    margin:5px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.30);
	border:2px solid #778899;
    
}

div.bottomBlock{
    margin:5px 5px;
    float:left;
    width:180px;
    
}
#home-right div{
	margin-bottom:10px;
}
#helpfulLinks li{
    list-style:none;
    margin:3px 0;
}
#helpfulLinks li a{
    background:url(../images/sm_swoosh.png) no-repeat;
    padding-left:30px;
    line-height:18px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    height:18px;
    color:#3E426F;
    display:block;
}

#scrollingNews{
    font-size:12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
   
    color:#3E426F;
    margin:10px 10px 10px 0;
	overflow:hidden;
	padding:0px;

}


.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/

width: 754px;
height: 27px;
margin: 0;
padding: 0;
overflow: hidden;
z-index:998;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 1px;
top: 6px;
width: 754px;
overflow: hidden;
z-index:999;
}
ul.newsticker { /* that's your list */
position: relative;
left: 754px;
list-style-type: none;
margin: 0;
padding: 0;
z-index: 1000;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 ;
padding: 0 ;
font-size:12px;
z-index:1001;
}
ul.newsticker li span.liScroll {
	margin:0;
	padding:0;
	border-right: 1px solid #778899;
	padding:0 5px;
	
	white-space: nowrap;
	z-index:1002;
}

#main p.errors {
	display:block;
	background: #ffcccc;
	padding:10px;
	color:#ff0000;


        border:1px solid #ff0000;
}
#main p.success {
	display:block;
	background: #B0C4DE;
	padding:10px;
	color:#000000;

        border:1px solid #4682B4;
}
/* --Uploadify -- */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
#fileQueue .uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: none;
	border-bottom: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	padding: 5%;
	width: 90%;
}
#fileQueue .uploadifyError {
	background-color: #FDE5DD !important;
}
#fileQueue .uploadifyQueueItem .cancel {
	float: right;
}

span.update-file {cursor:pointer; padding:2px; border:1px solid #ccc; background:#E1A454; color:#fff;}
span.fileUpdated {font-size:12px; color:green; font-weight:bold;}

form.change{
	margin:10px;
}

form.change fieldset {
	margin:10px 0;
}
form.change label{
	display:block;
	margin:10px 0 5px 0;

}

form.change input, form.change select, form.change textarea {
	margin-left:25px;

	border:1px solid #c3c3c3;
	float:left;
}
form.change label.required {
	font-weight:bold;
}
form.change input:focus {
	border:2px solid #c3c3c3;
}

form.change br {
	clear:both;
}
form.change input.submit ,  a.submit{
	padding:5px;
	font-size:12px;
	font-weight: bold;
	width: 150px;
	text-align: center;
	display:block;
	float:left;
}
form.change input.submit.small{
	width:100px;
}
#main  a.submit{
	background: #f0f0f0;
	border:1px solid #c3c3c3;
	font-size:12px;
	padding:7px;
	text-decoration: none;
	color:#000;
	margin-left:25px;
}
form.change label.error {
	float:left;
	margin: 0 5px;
	font-size:10px;
	color: #ff0000;
}
form.change label.valid {

	color: #008000;
}
#main div.wiReview p {
	margin-left:25px;
	border:1px solid #c3c3c3;
	padding:2px;
	width:300px;
	margin-top:0;
	
}
#main div.wiReview p.label{
	font-weight:bold;
	font-size:14px;
	margin-left:0;
	border:none;
	width:100%;
	margin-bottom:3px;
}
#main div.wiReview p.wide{
	width:700px;
	font-size:14px;
	padding:5px;
}
#main div.wiReview h4 {
	border-bottom:1px solid #ccc;
	font-size:20px;
}
div#attached_files a{
	font-size:14px;
	height:16px;
	margin-bottom:2px;
	display:block;
	float:left;
	clear:left;
	margin-right:5px;
}
div #attached_files span.update-file{
	font-size:10px;
	margin-bottom:5px;
	display:block;
	float:left;
}

table.workItemList {
	width:100%;
	border:1px solid #777;
	margin-top:10px;
	
}
table.workItemList th{
	padding:2px;
	color:#000;
	background:#777;
	font-size:14px;

}

table.workItemList td {
	padding:2px;
	font-size:12px;
	border-top:1px solid #777;
	
}

.ui-datepicker{
	z-index: 99999;
}
table.adminList {
    border:1px solid #ccc;
    background:#fff;
}
table.adminList td{
    font-size:12px;
    border-top:1px solid #ccc;
    border-collapse: collapse;
    
}
table.adminList tr:nth-child(odd) td {
  background-color:#eee;
}
table.adminList tr.highlight td{
    background:yellow;
}