﻿/*COMMON STYLE*/
	.clear{ clear:both}
	.error{color:#f00;}
	.center{ text-align:center;}
	.floatleft{ float:left}
	.floatright{ float:right}
	.heading{ font-size:13px;}
	.lrgHeading{ font-size:14px; color:Green }
	.bold{ font-weight:bold}
	.left{ text-align:left}
/***********************/

/*IMAGES*/
.pdfbutton{ background: url(../images/pdf-icon.gif); border:0px; height:20px; width:20px; cursor:pointer;}

/***********************/

/*FORM STYLE*/
	fieldset.user_set{ width:400px; margin:10px; font-size:11px; padding:10px;text-align:left}
	fieldset.idchecksub{ width:440px; margin:10px; font-size:11px; padding:10px;text-align:left}	
	fieldset.idcheckgroup{ width:480px; margin:10px; font-size:11px; padding:10px;text-align:left}	
	fieldset legend{ color:#000; padding-bottom:10px; text-transform:uppercase;font-size:13px;}
	.row{  border:solid 0px #f00; margin:2px}
		.row .row_title,.row .row_title_right{ float:left; width:200px; }
		.row .row_title_right{ width:150px; text-align:right}
		#address .style2{ font-size:11px;}
		
		.row input{ width:150px;}
		.row_bold{ font-weight:bold; width:100%; padding:4px 0 4px 0}
		.row .checkbox input{ width:20px;}
		.row .checkbox_lrg input{ width:60px;}
		.checkbuttons{ width:200px; margin-top:10px;}
		.checkbuttons a{ cursor:pointer;  color:#1A25BD}
		.fixed{ width:400px; text-align:left}
/***********************/

/*SERACH BAR STYLE*/
	.search_bar{ width:100%;  text-align:center; border-bottom:dotted 1px #4E4E4E; padding:5px 0 10px 0; margin-bottom:10px;}
		.search_section{ width:151px; float:left; border:solid 0px #f00;}
		.search_section input,.search_section select{ width:140px; background-color:#E4E4E4; color:#000; border:solid 1px #000}
		.search_section_end{width:151px;}
		input.big{ width:200px; margin:3px}
/***********************/		

/*GRIDVIEW GENERIC STYLE*/
	.gridview{ margin:20px 0 20px 0}
	.gridview,.gridview tr{	border:solid 0px #fff;font-size:11px; color:#666; background:#fff;  }	
	.gridview th
	{
		border-top:solid 1px #4E4E4E;
		background:#fff;
		border-bottom:solid 1px #4E4E4E;
		color:#000; 
		text-align:left;
		padding:5px;		
		}	
	.gridview a{ color:#000; font-weight:bold}
	.gridview td{padding:5px}
/***********************/

/*GRIDVIEW GENERIC STYLE*/
	.buttons{ text-decoration:none; background:#E4E4E4; color:#000; width:100px; border:solid 1px #000; text-align:center;  margin:2px 0px 2px 0px;}
	.buttons:hover{background:#000; color:#E4E4E4;text-decoration:none;}
/***********************/

/*DROP DOWN MENU CSS*/
	#myjquerymenu{border-bottom:dotted 1px #4E4E4E; height:24px; margin:20px 0 10px 0; padding-left:30px;}

	.jquerycssmenu{
	font: bold 12px Verdana;
	
	}

	.jquerycssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

	/*Top level list items*/
	.jquerycssmenu ul li{
	position: relative;
	display: inline;
	float: left;	
	
	}

	/*Top level menu link items style*/
	.jquerycssmenu ul li a{
	display: block;
	background: white url(tintblue.gif) top center repeat-x; /*background of tabs (default state)*/
	padding: 5px 7px 4px 5px;
	margin-right: 3px; /*spacing between tabs*/
	border: 1px solid #778;
	border-bottom-width: 0;
	color: #4E4E4E;
	text-decoration: none;
	cursor:default;
	font-weight:normal
	
	}
	.jquerycssmenu ul li a:hover{ color:#000}
	.jquerycssmenu a.selected{background:#E4E4E4; color:#000; text-decoration:none}
	.jquerycssmenu ul li ul li a:hover{background:#E4E4E4; color:#000; text-decoration:none}
		
	/*1st sub level menu*/
	.jquerycssmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	border-top: 1px solid black;
	}

	/*Sub level menu list items (undo style from Top level List Items)*/
	.jquerycssmenu ul li ul li{
	display: list-item;
	float: none;
	}

	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.jquerycssmenu ul li ul li ul{
	top: 0;
	}

	/* Sub level menu links style */
	.jquerycssmenu ul li ul li a{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	background: white;
	color:#666;
	padding: 4px 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #4E4E4E;
	cursor:pointer
	}
	
	ul.hand li a{cursor:pointer}

	/* ######### CSS classes applied to down and right arrow images  ######### */

	.downarrowclass{
	position: absolute;
	top: 7px;
	right: 5px;
	}

	.rightarrowclass{
	position: absolute;
	top: 5px;
	right: 5px;
	}
	
	 ul li a.selected{ color:#D51920; }
/***********************/

/*MTA*/
	.mta_outer{padding:5px;}
	.mta_left{padding-left:5px;text-align:left;}
	.text{width:500px; text-align:left;font-family:Verdana; font-size: 12px; padding-top:5px; padding-bottom:5px;}
	.boldtext{width:500px; text-align:left;font-family:Verdana; font-size: 12px; padding-top:5px; padding-bottom:5px; font-weight: bold;}
	.italictext{width:500px; text-align:left;font-family:Verdana; font-size: 12px; padding-top:5px; padding-bottom:5px; font-style: italic;}
	.header{width:500px;text-align:left; font-family:Verdana; font-size: 18px; padding-top:25px; padding-bottom:25px;}
	.mainheader{ font-size:26px; font-family:Verdana; padding:15px;}
	.currentpanel { background-color: #E8E8E8; float: left; padding-left: 15px;}
	.mtapanel { float: left; padding-left: 15px;}
	.row{ float:left; width:100%;}
	.changerow{float:left; width:450px;}
	.progressrow{float:left; padding-left:450px;}
	.topspacer{ padding-top:5px;}
	.previousrow{ text-align:left; padding-top:10px;}
/***********************/

.calanderimage{background :url(../images/misc/calendar_icon.png) no-repeat; border-width:0px; border-style:none; width:23px; height:22px; cursor:pointer;}

.padright{ padding:0 5px 0 0;}
.MtaDetailsCompany,.MtaDetailsEffectiveDate{ margin-left:-153px;}
.MtaDetailsEffectiveDate{ margin-left:-165px;}

/* BOX */
#boxPanel
{
	width:169px; 
	height:120px;
	background:#063368;
	margin-bottom:10px;
	padding:5px;
	font-size:10px;
	}
	#boxPanel fieldset.box{ color:#fff;border:solid 1px #fff; height:100px; padding:5px;}
	#boxPanel fieldset legend{ color:#fff; font-size:10px; height:2px;}
	#boxPanel a{ color:#fff}
.loginBoxRow{padding:0 5px 0 5px;}
/***********************/

.it{background:url('../images/it.gif') left no-repeat; padding-left:50px;}
.acc{background:url('../images/acc.gif') left no-repeat; padding-left:50px;}
.estate{background:url('../images/estate.gif') left no-repeat; padding-left:50px;}
.design{background:url('../images/design.gif') left no-repeat; padding-left:50px;}
.mis{background:url('../images/mis.gif') left no-repeat; padding-left:50px;}
.mid{background:url('../images/mid.gif') left no-repeat; padding-left:50px;}
.bus{background:url('../images/bus.gif') left no-repeat; padding-left:50px;}
.const{background:url('../images/const.gif') left no-repeat; padding-left:50px;}
.eng{background:url('../images/eng.gif') left no-repeat; padding-left:50px;}
.prop{background:url('../images/prop.gif') left no-repeat; padding-left:50px;}
.expert{background:url('../images/expert.gif') left no-repeat; padding-left:50px;}
.rec{background:url('../images/rec.gif') left no-repeat; padding-left:50px;}
.mang{background:url('../images/mang.gif') left no-repeat; padding-left:50px;}
.events{background:url('../images/events.gif') left no-repeat; padding-left:50px;}
.med{background:url('../images/media.gif') left no-repeat; padding-left:50px;}
.arch{background:url('../images/arch.gif') left no-repeat; padding-left:50px;}
.dandc{background:url('../images/dandc.gif') left no-repeat; padding-left:50px;}
.other{background:url('../images/other.gif') left no-repeat; padding-left:50px;}

