/*********************
	HTML Elements
*********************/
*{
	margin:0;
	padding:0;
}
img, div,a { behavior: url(css/iepngfix.htc) }
body{
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
}
a, a:visited{
	text-decoration:none;
}
img{
	border:0;
	margin:1px;
}
p{
	padding:3px;
}
#formSpacer{
	height:10px;
}
h2{

}
input{
	padding:2px;
}
select{
	padding:2px;
}
.capatalizeIt{
	text-transform:capitalize;
}
/*********************
	Structure
*********************/
#details td {
	padding:10px;
	vartical-align:top;
}
#details td label, .txt_bold{
	font-weight: bold;
}

.txt_bold_heading{
	font-weight: bold;
	line-height:25px;
}

#container_left{
	margin-top: 39px;
	width:9%;
	margin-left:auto;
	margin-right:1%;
	float:left;
}
#container{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	border-bottom:2px solid #0c66a7;
	
}
#header{
	width:98%;
	margin:0 auto;
	text-align:center;
}
#header h2{
margin-top:0px;
margin-bottom:10px;
}

#wrapper{
	clear:both;
	width:100%;
}
#content_side {
	width:16%;
	float:left;
	margin:10px 0 10px 0;
	padding:5px;
	}
#content{
	width:82%;
	float:left;
	margin:15px 0 10px 0;
	padding:5px;
}
#sidebar{
	background:#FFF;
	width:170px;
	float:right;
	margin:10px 0 10px 0;
	padding:10px;
}
#footer{
	clear:both;
	padding:5px;
	margin-top:10px;
}
#box h3{
	padding:5px;
	font-size:14px;
}
/*********************
	Sidebar
*********************/
#sidebar ul{
	list-style:none;
	line-height:22px;
}
#sidebar ul li a,#sidebar ul li a:visited{
	padding-left:19px;
	text-decoration:none;
	margin:0 3px;
	display:block;
}
#sidebar ul li a:hover{
	text-decoration:underline;
}
#sidebar ul li ul{
	margin-left:10px;
}
#sidebar h3{
	padding:2px;
	font-size:14px;
}
/*********************
  TopMenu, Top-Panel
*********************/
#topmenu{
	margin-top:0px;
	margin-bottom:0px;
	width:97%;
	float:left;
	line-height:25px;
	voice-family:inherit;
	background:#fff;
	padding:3px;	
}
#topmenu ul{
	list-style:none;
	line-height:25px;
}
#topmenu li{
	display:block;
	margin-top:2px;
}
#topmenu a,#topmenu a:visited{
	padding:5px 9px 5x 9px;
	text-decoration:none;
	display:block;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	padding:5px 9px 5x 9px;
	font-weight:bold;	
}

/*-------------------------------- Projects -------------------------------------*/

#topmenu_projects{
	margin-top:0px;
	margin-bottom:0px;
	width:97%;
	float:left;
	line-height:25px;
	voice-family:inherit;
	background:#fff;
	padding:3px;	
}
#topmenu_projects ul{
	list-style:none;
	line-height:25px;
}
#topmenu_projects li{
	display:block;
	margin-top:2px;
}
#topmenu_projects a,#topmenu_projects a:visited{
	padding:5px 9px 5x 9px;
	text-decoration:none;
	display:block;
}
#topmenu_projects .current a, #topmenu_projects .current a:hover, #topmenu_projects .current a:visited{
	padding:5px 9px 5x 9px;
	font-weight:bold;	
}

/*-------------------------------- Proposals -------------------------------------*/

#topmenu_proposals{
	margin-top:0px;
	margin-bottom:0px;
	width:97%;
	float:left;
	line-height:25px;
	voice-family:inherit;
	background:#fff;
	padding:3px;	
}
#topmenu_proposals ul{
	list-style:none;
	line-height:25px;
}
#topmenu_proposals li{
	display:block;
	margin-top:2px;
}
#topmenu_proposals a,#topmenu_proposals a:visited{
	padding:5px 9px 5x 9px;
	text-decoration:none;
	display:block;
}
#topmenu_proposals .current a, #topmenu_proposals .current a:hover, #topmenu_proposals .current a:visited{
	padding:5px 9px 5x 9px;
	font-weight:bold;	
}



#top-panel{
	margin:1px 2px 10px 1px;
	background:#FFF;
	padding:4px;
	height:25px;
	float:left;
	width:99%;
	display: block;
    float: none;
}
#top-panel ul{
	list-style:none;
}
#top-panel ul li{
	display:inline;
	line-height:20px;
}
#top-panel ul li a{
	padding-left:19px;
	text-decoration:none;
	margin:0 3px;
	display:inline-block;
}
#top-panel a:hover{
	text-decoration:underline;
}
/*********************
		Other
*********************/
.a-right{text-align:right;}
.a-left{text-align:left;}
.a-center{text-align:center;}
#pager{
	margin:5px;
	height:25px;
}

#pager img{
	vertical-align:middle;
	padding:0px 4px 0 4px;
}

#styleswitcher{
	float:right;
}
#styleswitcher ul{
	list-style:none;
	line-height:10px;
}
#styleswitcher li{
	height:12px;
	display:inline;
}
#footer ul {
	list-style:none;
}
#footer li {
	display:inline;
}
a#defswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#bd3f09;
	font-size: 8px;
	color:#bd3f09;
	display:inline-block;
}
a#blueswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#375b91;
	font-size: 8px;
	color:#375b91;
	display:inline-block;
}
a#greenswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#d0e0b8;
	font-size: 8px;
	color:#d0e0b8;
	display:inline-block;
}
a#brownswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#654322;
	font-size: 8px;
	color:#654322;
	display:inline-block;
}
a#mixswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#294145;
	font-size: 8px;
	color:#294145;
	display:inline-block;
}
#credits{
clear:both;
	width:200px;
	float:left;
}
/*********************
		Tables
*********************/
table{
	margin:5px;
	border-collapse: collapse;
	table-layout:automatic;
	width:98%;
}
td, th{
	padding: 4px;
	font-size:13px;
} 
thead{

}

table.nopadd{
	margin:0px !important;
	border-collapse: collapse;
	table-layout:automatic;
	width:98%;
}
table.nopadd td, table.nopadd th{
	padding: 0px;
	font-size:13px;
} 

table#tbl{
	margin:5px;
	border-collapse: collapse;
	table-layout:automatic;
	width:99%;
}
table#tbl td, table#tbl th{
	padding: 2px;
} 
table#tbl thead{

}
#filter{
	width: 50%;
	align: center;
	margin:0 auto;
}
#filter td, th{
	padding: 10px;
	font-size:12px;
} 

.options_border_dim td{
	border:1px solid #f1f1f1 !important;
}
/*********************
		Home
*********************/
#infowrap li{
	display:inline;
}
#infobox{
	width:365px;
	float:left;
	margin-top:10px;
}
#infobox h3{
	padding:5px;
	font-size:14px;
}
.margin-left{
	margin-left:5px;
}
#rightnow .reallynow {
	padding: 5px;
	font-size:14px;
}
#rightnow h3{
	padding:2px;
	padding: 0 10px;
	font-size:14px;
}
#rightnow .reallynow span {
	display: block;
	text-align: left;
	float: left;
	padding:0 2px;
	font-size:14px
}
#rightnow .reallynow a {
	text-decoration:none;
	display: block;
	text-align: right;
	float: right;
	padding:0 0 0 18px;
	margin-left:4px;
	font-weight:normal;
	font-size:12px;
}
#rightnow .reallynow a:hover{
	text-decoration:underline;
}
#rightnow .youhave {
	font-size:  12px;
	padding: 10px;
}
#rightnow a {
	font-weight: bold;
}
/*********************
		Forms
*********************/
form{
	padding:10px;
	margin:0 auto;
}
form#form fieldset {
	display:block;
	padding:5px 10px 5px 10px;
	line-height:20px;
	margin-bottom:10px;
}
form#form legend {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px;
	width:254px;
}
form#form label {
	clear:left;
	display:block;
	float:left;
	width:200px;
	text-align:right;
	padding-right:10px;
	margin-bottom:5px;
	font-weight:bold;
}
.do_required {color:#ff0000; font-size:13px;}
.do_required_white {color:#ffffff !important; font-size:13px;}
form#form input {
	padding:3px;
	margin-bottom:5px;
}
form#form select {
	margin-left:5px;
}
form#form textarea {
	width:410px;
	height:90px;
	padding:5px;
	overflow:auto;
}
form#form option {
	background:#FFF;
}
form#form optgroup option {

}
#button1, #button2 {
	padding:5px 15px !important;
	cursor:pointer;
	/*width:205px;*/
	margin-left:0px;
	font-weight:bold;
}
#button1:hover, #button2:hover {
	background:#d94527;
	border:1px solid #d94527;
	color:#fff !important;
}

.button {
	margin: 5px;
	padding:5px 15px !important;
	cursor:pointer;
	display: inline-block;;
	/*width:205px;*/
	color:#9aa708 !important;
	background:#e8e8e8;
	border:1px solid #c3cad5;
	font-weight:bold;
}
.button:hover {
	background:#d94527;
	border:1px solid #d94527;
	color:#fff !important;
	text-decoration: none;
}

.purple_button:hover{
	background:#800080 !important;
	border:1px solid #800080 !important;
}


/*********************
	Icons
*********************/
.icon{
	padding-left:19px;
	text-decoration:none;
	height:20px;
	font-size:12x;
	margin:0 3px;
	display:inline-block;
	line-height:20px;
}
#data_table {padding:15px;}
#data_table .smallheading{font-weight:bold; font-size:11px;}
#data_table .smallheading span{font-size:14px; color:#FF0000;}
.info_msg, .success_msg, .warning_msg, .error_msg {
	border: 1px solid; margin: 10px 0px; margin-left:10px;width:92%;padding:10px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px top;font-size:13px;text-align:left;
}
.info_msg {
	color: #00529B;background-color: #BDE5F8;background-image: url('../icons/info_msg.png');
}
.success_msg {
	color: #4F8A10;background-color: #DFF2BF;background-image:url('../icons/success_msg.png');
}
.warning_msg {
	color: #9F6000;background-color: #FEEFB3;background-image: url('../icons/warning_msg.png');
}
.error_msg {
	color: #D8000C;background-color: #FFBABA;background-image: url('../icons/error_msg.png');
}

.red_color{
	color: #e91a25;
}

.grey_borders table, .grey_borders td, .grey_borders th{
	border-color:#a6d0d7;
}
h3.overlay{
	margin-top:-47px; 
	position:relative;
	text-align:center;
	color:#000 !important;
	background:none;
	font-weight:normal;
}


.profit_bar_top{
	display:block;
	height:20px;
	width:175px;
	border:1px solid #fff;
	color:#fff !important;
}
.green{
	background-color:#44991f;
	border-color:#368016;
}

.orange{
	background-color:#dc8708;
	border-color:#c17605;
}

.red{
	background-color:#e11919;
	border-color:#d00e0e;
}

.green_box{
	height:20px;
	width:10px;
	float:left;
	border-color:#44991f;
	background-color:#44991f;
	margin:0 2px;
}

.orange_box{
	height:20px;
	width:10px;
	float:left;
	border-color:#dc8708;
	background-color:#dc8708;
	margin:0 2px;
}

.red_box{
	
	height:20px;
	width:10px;
	float:left;
	border-color:#e11919;
	background-color:#e11919;
	margin:0 2px;
}

.light_green {
	background:#d3ffbf !important;
}
.light_orange {
	background:#ffdeac !important;
}
.light_red {
	background:#ffd0d0 !important;
}

.proposal_bar_overlay .red_box,.proposal_bar_overlay .green_box, .proposal_bar_overlay .orange_box {
	width:30px !important;
	height:30px !important;
	margin:0 5px !important;
	float:right;
	text-align:right;
}

.proposal_bar_overlay{
	margin-top:0px; 
	position:relative;
	text-align:center;
	color:#000 !important;
	
	background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #f1f1f1;
	width:100%;
	display:block;
	min-height:45px;
}

.proposal_bar{
	display:block;
	
}

.proposal_bar h3{
	background:none !important;
	border-bottom: 0px solid #f1f1f1 !important;
	min-height:10px;
	text-align: center;
}

.user{background:transparent url(../images/icons/user.png) no-repeat left;}
.useradd{background:transparent url(../images/icons/user_add.png) no-repeat left;}
.group{background:transparent url(../images/icons/group.png) no-repeat left;}
.search{background:transparent url(../images/icons/magnifier.png) no-repeat left;}
.online{background:transparent url(../images/icons/world.png) no-repeat left;}
.pagenew{background:transparent url(../images/icons/page_add.png) no-repeat left;}
.rss{background:transparent url(../images/icons/rss.png) no-repeat left;}
.feed{background:transparent url(../images/icons/feed.png) no-repeat left;}
.report{background:transparent url(../images/icons/report.png) no-repeat left;}
.house{background:transparent url(../images/icons/house.png) no-repeat left;}
.manage{background:transparent url(../images/icons/cog.png) no-repeat left;}
.manage_page{background:transparent url(../images/icons/page_gear.png) no-repeat left;}
.folder{background:transparent url(../images/icons/folder.png) no-repeat left;}
.promotions{background:transparent url(../images/icons/coins.png) no-repeat left;}
.cart{background:transparent url(../images/icons/cart.png) no-repeat left;}
.folder_table{background:transparent url(../images/icons/folder_page.png) no-repeat left;}
.shipping{background:transparent url(../images/icons/car.png) no-repeat left;}
.invoices{background:transparent url(../images/icons/page_white_text_width.png) no-repeat left;}
.edit{background:transparent url(../images/icons/edit.png) no-repeat left;}
.addorder{background:transparent url(../images/icons/folder_page_add.png) no-repeat left;}
.add{background:transparent url(../images/icons/add.png) no-repeat left;}
.import{background:transparent url(../images/icons/import.jpg) no-repeat left;}
.app_add{background:transparent url(../images/icons/application_add.png) no-repeat left;}
.report_seo{background:transparent url(../images/icons/report_link.png) no-repeat left;}
.modules{background:transparent url(../images/icons/bricks.png) no-repeat left;}
.modules_manage{background:transparent url(../images/icons/bricks_gear.png) no-repeat left;}
.add_video{background:transparent url(../images/icons/video.jpeg) no-repeat left;}
#tbl_search{border:1px solid #c3d7db; width:100%; margin:0 0 5px 0; background-color:#e2eff2;}
#tbl_filter{border:1px solid #c3d7db; width:100%; margin:0 0 10px 0; background-color:#e2eff2;}
#tbl_images{border:0px solid #c3d7db; width:680px; margin:0 0 5px 0;}
#tbl_filter label {font-weight:bold;}

.version_container{
	display:block;
	float:none;
	margin-top:5px;
}
.version_link, .version_link:visited{
	font-size:13px;
	padding:5px 5px;
	color:#fff !important;
	background:#3e8db7;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	float:left;
	margin:1px;
}

.version_link:hover{
	background:#f09b2b;
	color:#fff !important;
	text-decoration:none !important;
}

/*---------------- STATUS CLASSES --------------------*/

.Working{
	background:#008000;
	color:#fff !important;
}

.FOCReceived{
	background:#EE82EE;
	color:#fff !important;
}

.OnHold{
	background:#FFFF00;
	color:#000 !important;
}

.CloseOut{
	background:#0000FF;
	color:#fff !important;
}

.Complete, .Commissioned{
	background:#000;
	color:#fff !important;
}


/*----------------- calendar ---------------------------*/

.disabled{
	background:#e1e1e1 !important;
}

.calendar{
	width:99% !important;
}

.grid thead{
	background:#c3d7db;
	color:#0c76bc;
	height:30px;
}

.calendar th{
    padding:6px;
	border:2px solid #15a99f;
	height:30px;
	color:#0c76bc;
}

.calendar td{
   padding:6px;
   border:2px solid #a7bfc4;
   width:13%;
   height:120px;
} 

.calendar caption{
	padding:10px;
	font-size:15px;
	color:#0c76bc;	
	font-weight:bold;
}

.calendar td.day{
	font-weight:700;
}

.calendar td.day_dim{
	font-weight:700;
	color:#999 !important;
}
/*----------------- events -----------------------------*/

/*FOC Request*/
.event_3,.event_43,.event_83,.event_104{
	font-weight:700;
	color:#0000ff !important;
	line-height:140%;
}

/*FOC */
.event_4,.event_44,.event_84{
	font-weight:700;
	color:#ff0000 !important;
	line-height:140%;
}

/* Cabling */
.event_13,.event_53{
	font-weight:700;
	color:#17375e !important;
	line-height:140%;
}

/* Installation */
.event_18,.event_58{
	font-weight:700;
	color:#9938e2 !important;
	line-height:140%;
}

/* Training */
.event_19,.event_59{
	font-weight:700;
	color:#548235 !important;
	line-height:140%;
}

/* Phone Review */
.event_14,.event_54{
	font-weight:700;
	color:#17375e !important;
	line-height:140%;
}



.legend{
	margin-top:35px;
	padding:15px 10px 15px 25px;
	border:1px solid #333;
	clear:both;
	float:none;
	display:block;
}

.legend li{
	line-height:22px;
}
.month_link_table{
	width:99% !important;
	margin-top:15px;
	margin-bottom:15px;	
}

.month_link{
	padding:10px;
	background:#13a89e;
	color:#fff !important;
	text-decoration:none;
	min-width:150px;
}


.month_link:hover{
	padding:10px;
	background:#1781b7;
	color:#fff !important;
	text-decoration:none;
}

.accordion_style h3{
	margin-top:5px !important;
	cursor:pointer !important;
}

.plus_icon_head{
	background:url(../images/icons/plus.png) left center no-repeat #f8f8f8 !important;
	padding-left:26px !important;
}

.minus_icon_head{
	background:url(../images/icons/minus.png) left center no-repeat #f8f8f8 !important;
	padding-left:26px !important;
}