@charset "utf-8";
/* CSS Document */

body{ background:url(pagebg.jpg); background-repeat:repeat-x; color:#FFFFFF  margin:0px auto 0px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#2e2d2d;}

.div_clear{CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."; line-height:0.1em; font-size:0.1em; border:0px}
#divclear{ clear:both;}
.clear{ clear:both;}

.round-a-error{
		background:#CC0000 url(img/round_red-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-error div{
			background:url(img/round_red-right.png) right bottom no-repeat;
			padding:4px;
		}
.round-a-ok{
		background:#008000 url(img/round_green-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-ok div{
			background:url(img/round_green-right.png) right bottom no-repeat;
			padding:4px;
		}

.sample{ background-color:#FFFFFF; color:#993300;}

.tdheight{height:25px; padding-left:31px; text-align:left;}

.txtbox_bdr{border:#999999 solid 1px; width:345px;}
.txtbox{border:#999999 solid 1px;  width:200px;}
.successmsg{ color:#ff6600;font-weight:normal;}
.successmsg1{font-size:14px; text-align:center; color:#ff6600;font-weight:bold;}
.header {color:#ff6600; font-weight:bold; font-size:13px;  padding-top:5px; padding-left:2px; float:left; width:100%}

/*for add and remove buttons*/
.btn_normal{ border:1px solid #333333; background-color:#EFEFEF; color:#2e2d2d; cursor:pointer; text-transform:uppercase; font-size:9pt;}

/* orange buttons start*/
.btn{ background-image:url(../../imgs/bg_btn.gif); background-repeat:repeat-x; padding:0 8px 1px 8px; border:1px solid #999999; color:#FFFFFF; cursor:pointer; height:24px; text-transform:uppercase; font-size:0.9em; font-weight:bold;}

/* orange buttons end*/

.dropboxsearch{ font-size:8pt; width:120px;}
.dropdown{ font-size:10pt; width:350px;}
.file1{ font-size:8pt; width:352px;}



.text{ font-size:8pt; color:#ff6600; padding-left:8px; font-weight:normal;}

.link_grid, active, visited{ text-decoration:underline; color:#2e2d2d; font-size:8pt; line-height:18px}
.link_grid:hover{ text-decoration:none; color:#FF6600; font-size:8pt; line-height:18px}

.link_green, active, visited{ text-decoration:underline; color:#507a18; font-size:8pt; padding-left:4px}
.link_green:hover{ text-decoration:none; color:#507a18; font-size:8pt; padding-left:4px}
.linkpxblk{ text-decoration:none; color:black; font-size:8pt;} 

.link11pxblk, active, visited{ text-decoration:underline; color:#2e2d2d; font-size:8pt;}
.link11pxblk:hover{ text-decoration:none; color:#FF6600; font-size:8pt;}

.link14pxblk, active, visited{ text-decoration:none; font-size:1.2em; color:#2e2d2d; text-transform:uppercase;}
.link14pxblk:hover{ text-decoration:none; font-size:1.2em; color:#FF6600; text-transform:uppercase;}

.link14pxorang, active, visited{ text-decoration:none; font-size:10pt; color:#ff6600; text-transform:uppercase;}
.link14pxorang:hover{ text-decoration:none; font-size:10pt; color:#2e2d2d; text-transform:uppercase;}

.link11pxorang, active, visited{ text-decoration:underline; font-size:11px; color:#ff6600; }
.link11pxorang:hover{ text-decoration:none; font-size:11px; color:#2e2d2d; }

form{ margin:0px; background-color:#010101;}

#forbg{ margin:0px;  background:url(pagebg.jpg); background-repeat:repeat-x; }

#main{ width:827px; background:url(../../imgs/bg.gif) no-repeat; margin:0px auto 0px auto; padding:0 8px 0 8px;}

#main #div_maincontent {background:#FFFFFF; width:827px; margin:0px auto 0px auto; padding-top:25px;}
#header{ background-image:url(../../imgs/bg_header.gif); background-repeat:repeat-x; width:801px; border:1px solid #cccccc; height:99px; margin-left:12px;}

/*header area styles start*/
#header #logoleft{ float:left; width:255px;}
#header #logoleft .logostyle{ vertical-align:middle; padding-left:8px; padding-top:12px;}
#header #naviright{ float:right; width:545px;}
#header #naviright #top{ font-size:0.8em; text-align:right; padding-right:8px; height:61px; padding-top:6px;}
#header #naviright #bottom{ font-size:0.8em; text-align:right; padding-right:8px; line-height:30px;}
#header #naviright #bottom .btns{ float:right; font-size:10pt; color:#ff6600; text-transform:uppercase;}
#header #naviright #bottom #dropdown{ float:right; padding-top:0px;}
html>body #header #naviright #bottom #dropdown{float:right; padding-top:6px;]padding-top:0px;}
/*header area styles end*/

/*subheader area styles start*/
#middle{ width:801px; border:1px solid #CCCCCC; margin-left:12px; margin-top:16px;}
#middle #headarea{ background-image:url(../../imgs/bg_contentheader.gif); background-repeat:repeat-x; height:34px; width:801px;}
#middle #headarea #clientsbtn{ float:right; width:162px; text-align:center; vertical-align:top; padding-top:4px; padding-right:2px;}
#middle #headarea #divlien{ float:right; text-align:center; vertical-align:top;}
#middle #headarea .navibtns{ float:right; padding-right:4px; text-align:right; vertical-align:top;}
#middle #headarea .txt{ font-size:1em; color:#ff6600; padding-left:15px;padding-top:8px; font-weight:bold;}

#middle #headarea1{ background-image:url(../../imgs/bg_contentheader.gif); background-repeat:repeat-x; height:34px; width:801px;}
#middle #headarea1 #clientsbtn{ float:right; width:162px; text-align:center; vertical-align:top; padding-top:4px; padding-right:2px;}
#middle #headarea1 #divlien{ float:right; text-align:center; vertical-align:top;}
#middle #headarea1 .navibtns{ float:right; padding-right:4px; text-align:right; vertical-align:top;}
#middle #headarea1 .txt{ font-size:1em; color:#ff6600; padding-left:15px;padding-top:8px; font-weight:bold;}
/*subheader area styles end*/

#middle #cntarea{ width:801px;}
/* innerpages content area styles start  */
#middle #cntarea #container{ padding-left:20px; padding-right:20px; padding-top:10px;  padding-bottom:20px;}
#middle #cntarea #container1{ padding-left:20px; padding-right:20px; padding-top:20px; text-align:center; padding-bottom:20px;}
#middle #cntarea #container #heading{font-size:1em; color:#ff6600;font-weight:bold;}
#middle #cntarea #container #formarea{  font-size:1.0em; margin-top:10px;}
#middle #cntarea #container #formarea .lable{ line-height:35px}
#middle #cntarea #container #formbtns{ text-align:right; width:350px; padding-top:18px;}
#middle #cntarea #container #tabs_contentarea{border:#cccccc 1px solid; padding:5px;BACKGROUND-COLOR:#ffffff}
#middle #cntarea #container .formfieldbtns{ text-align:right; padding-right:8px; width:350px; padding-bottom:8px; padding-top:8px;}
#middle #cntarea #container .formgrid{  font-size:1.0em;}
#middle #cntarea #container .formgrid .header{ background-color:#d7d6d6; font-weight:bold;font-size:11px; padding-left:8px; color:#333333; line-height:24px;}

/* projectlist styles start  */
#cntarea #container .formgrid .gstyle1{ background-color:#f7f7f7; padding-left:8px; color:#333333; line-height:24px;}
#cntarea #container .formgrid .gstyle2{ background-color:#f1f1f1; padding-left:8px; color:#333333; line-height:24px;}
#cntarea #container #formfieldnavibtn{ width:350px; padding-bottom:8px; font-size:1.0em; text-align:left;}
#cntarea #container #formfield .rightalign{ text-align:center;}
#cntarea #container .formgrid span{font-size:11px}
/* projectlist styles  end*/

/*dashboard styles start*/
#cntarea #container #dashboard{width:565px;margin:5px 0px 15px 0px;}
#cntarea #container #dashboard .project{border-bottom:solid 1px #999999; padding-bottom:5px }
#cntarea #container #dashboard .title{color:#ff6600; font-weight:bold; font-size:13px; padding-left:4px; float:left; width:100%}
#cntarea #container #dashboard .rem_txt{color:#cc0000; font-weight:normal; font-size:12px; text-align:right; padding-right:4px;  float:right;width:250px}
#cntarea #container #dashboard .text{font-size:11px; color:#333333;padding:5px 0px 5px 5px; line-height:18px}
#cntarea #container #dashboard  .orangetxt{color:#ff6600; font-weight:bold; font-size:11px}
/*dashboard styles end*/


/*videos styles start*/
#rad_margin{margin:20px 0px 0px 0px}
/*videos styles end*/

/*videos gallery styles start*/

.orang_txt{ font-size:1em; color:#ff6600; padding-left:15px;padding-top:8px; font-weight:bold;width:200px; float:left}
.div_pagenos{margin:5px 10px 5px 0px; }
.pagenos{ float:right;   margin:0px 8px 10px 0px;display:inline }
.pagenos a, active, visited{background:url(../../imgs/b_pagenos.gif) repeat-x ; color:#666666; padding:0px 4px 0px 4px;  display:block; text-decoration:none; border:solid 1px #999999; font-weight:bold;font-size:11px}
.pagenos a:hover{background: none #ff8c40 ; color:#ffffff; padding:0px 4px 0px 4px; display:block;border:solid 1px #ff8c40;}

#div_gallery{width:785px;padding:15px 0px 15px 15px;}
#div_gallery .gallery_items{width:134px; float:left; padding-right:40px; padding-bottom:30px;}
#div_gallery .gallery_items .image{width:120px;border:solid 7px #e0e0e0;}
/*#div_gallery .gallery_items .galleryno{ float:left; border:solid 1px #d5d5d5;  width:50px; text-align:center;
background:url(../../imgs/b_videonos.gif) repeat-x;padding:8px 0px 8px 0px; font-weight:normal;font-size:11px;color:#333333}*/
#div_gallery .gallery_items .gal_options{width:132px; text-align:left;}
#div_gallery .gallery_items .gal_options .text_orange{ text-align:right; padding-top:2px }
#div_gallery .gallery_items .gal_options .text_orange a, active,visited{text-decoration:underline; font-size:12px; color:#ff6600;}
#div_gallery .gallery_items .gal_options .text_orange a:hover{ text-decoration:none; font-size:12px; color:#2e2d2d; }
#div_gallery .gallery_items .gal_options .text_gray{ text-align:left; padding-top:2px; padding-left:0px;}
#div_gallery .gallery_items .gal_options .text_gray a, active,visited{text-decoration:underline;  font-size:8pt; color:#333333;}
#div_gallery .gallery_items .gal_options .text_gray a:hover{ text-decoration:none;  font-size:8pt; color:#ff6600; }


/*videos gallery styles end*/

.divgap{width:60px;float:left}
.divgap2{width:40px;float:left}

/*clientimages styles start*/

#div_imggallery{width:700px;padding:15px 0px 15px 15px;}
#div_imggallery .gallery_items{width:134px; float:left; padding-right:40px; padding-bottom:30px;}
#div_imggallery .gallery_items .image{width:120px;border:solid 7px #e0e0e0;}
/*#div_imggallery .gallery_items .galleryno{ float:left; border:solid 1px #d5d5d5;  width:50px; text-align:center;
background:url(../../imgs/b_videonos.gif) repeat-x;padding:8px 0px 8px 0px; font-weight:normal;font-size:11px;color:#333333}*/
#div_imggallery .gallery_items .gal_options{width:135px; text-align:left;}
#div_imggallery .gallery_items .gal_options .text_orange{ text-align:right; padding-top:2px; }
#div_imggallery .gallery_items .gal_options .text_orange a, active,visited{text-decoration:underline; font-size:12px; color:#ff6600;}
#div_imggallery .gallery_items .gal_options .text_orange a:hover{ text-decoration:none; font-size:12px; color:#2e2d2d; }
#div_imggallery .gallery_items .gal_options .text_gray{ text-align:left; padding-top:2px; padding-left:0px; }
#div_imggallery .gallery_items .gal_options .text_gray a, active,visited{text-decoration:underline; font-size:8pt; color:#333333;}
#div_imggallery .gallery_items .gal_options .text_gray a:hover{ text-decoration:none; font-size:8pt; color:#ff6600; }

/*clientimages styles end*/

#footer{ width:815px; background-color:#FFFFFF; text-align:right; padding-right:12px; height:32px; padding-top:5px; font-size:11px; display:block;}
.err_msg{font-family:Verdana, Arial, Helvetica, sans-serif;  color:Red; font-weight:normal; font-size:11px;}

#middle #headarea1{ background-image:url(../../imgs/bg_contentheader.gif); background-repeat:repeat-x; height:34px; width:801px;}
#middle #headarea1 #clientsbtn{ float:right; width:162px; text-align:center; vertical-align:top; padding-top:4px; padding-right:2px;}
#middle #headarea1 #divlien{ float:right; text-align:center; vertical-align:top;}
#middle #headarea1 #navibtns{ float:right; padding-right:4px; text-align:right; vertical-align:top;}
#middle #headarea1 .txt{ font-size:1em; color:#ff6600; padding-left:15px;padding-top:8px; font-weight:bold;}


#divMessage{  margin-left:200px; margin-right:200px}

