/* ------------------------------------------------------------------------------ */
	/*
	
		project:				Optimum Clinical Research 
		file: 					style.css
		creator:				Benga
		creation date:			03-13-2009
		copyright:				(c) 2009 __ Optimum Clinical Research.
	
	*/
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
	/*
	
		File Layout
		
		1. General
		2. Text
		3. Navigation
		3. Admin style
		
	*/
/* ------------------------------------------------------------------------------ */

/* =1. General
   --------------------------------------------------------------------*/
   
html,body{background:#fff url(images/bg.jpg) repeat-x; margin:0;padding:0}
#wrapper{background:#fff url(images/wrapper-bg.jpg) no-repeat right top;height:auto;margin:0 auto; *margin:-20px auto; _margin:-35px auto;padding:10px 10px 60px 10px;width:940px}

#header-wrap{width:1065px; height:350px; _height:365px; padding:none; margin:20px auto}
#header{background:url(images/banner_bg.gif) no-repeat; height:310px; float:left; padding:0; width:1012px; _width:1010px}
#header-image{ float:left;height:280px; margin:5px -5px 07px 252px; padding:0; width:540px; *margin:5px -3px 07px 250px; _margin:5px 0px 07px 130px;}

#ocr{float:left; height:50px; padding:0; width:915px; color:#fff; background-image: url(images/ocr.jpg); margin: 0px 0px 0px 70px; *margin: -20px 0px 0px 70px; _margin: -15px 0px 0px 35px}#logo{float:left; height:300px; margin:0 auto; padding:0;width:200px}

span.contact{width:80px; height:auto; display:block; margin:-83px 0 0 -95px; _margin:-85px 0 0 -102px; background-image:url(images/contact.gif) no-repeat}
#contact{background-color: black; float:left; height:300px; margin:0 auto; padding:0;width:200px; margin: 10px 0px 0px 0px}
#navigation{background-color:#fff; float:left; height:262px; margin-left:0; padding:0; width:200px; width:160px}

#body-wrap{height:auto; margin:0 auto; auto; padding:0; width:940px; clear:both}
.body-left{float:left;height:auto;margin:0 auto;padding:0;width:200px}
.body-right{background-color:#fff;float:left;clear:right;height:auto;margin:0 auto;padding:0;width:200px}
	 .left{float: left; width:auto;}	

.body-middle{float:left;height:auto;margin:0px 0px 0px 0px; padding:0;width:540px}
.body-middle-inside{float:left;height:auto;margin:0 auto;padding:0; width:740px}
.body-middle-inside ul{color: #333; margin: 0px 10px 5px 0px; padding: 0px 10px 0px 20px;}
.body-middle-inside ol, li{color: #333; margin: 0px 10px 0px 10px; font-size: 13px; font-family:Arial, Helvetica, sans-serif}

.left-box{background:#fff url(images/side-bg.jpg) no-repeat; height:auto; margin:0 0 15px;padding-bottom:10px;width:200px}
.left-box p{color:#333;font-family:Arial, Helvetica, sans-serif; margin:15px 10px 10px;font-size:13px;}
.middle-box p{color:#333;font-family:Arial, Helvetica, sans-serif; margin:10px 0px 10px 15px; font-size:13px}
.middle-box{height:auto;margin:0 0 0 10px;padding:0;width:500px;background:url(images/middle-home.jpg) no-repeat center top}
.middle-box ol, li{color: #333; padding-bottom: 4px;}
.middle-box-inside{background:url(images/middle-inside2.jpg) no-repeat center top;height:auto;margin:0 auto;float:left;padding:0;width:710px}
.middle-box-inside p{color:#333;font-family:Arial, Helvetica, sans-serif;margin:0px 0 15px 15px; font-size:13px; line-height:18px}

#footer-wrap{background-color:#fff fixed center;border-top:1px dotted #999;clear:both;height:40px;margin:10px auto;padding:0; text-align:center;width:100%}
#footer{background-color:#fff fixed center; clear:both;height:20px; margin:10px auto;padding:0; ;width:1040px}
.footer-box{ height:20px; margin:0px auto;padding:0; width:430px; float:left}
.footer-box2{ height:20px; margin:0px auto;padding:0; width:585px; float:left; color:#ccc}
.footer-box p{ display:inline; font-size:12px; color:#b9b9b9 !important}
.footer-box2 p{ display:inline; font-size:12px; color:#b9b9b9 !important}
.footer-box2 a { display:inline; font-size:12px; color:#b9b9b9 !important}
.footer-box2 a:link { display:inline; font-size:12px; color:#b9b9b9}
img{border: none}

abbr {
	border-bottom: 1px dotted;
	cursor: help;
	}
/* =1. Text
   --------------------------------------------------------------------*/
   
.clearboth{width:auto;height:5px;margin:0;padding:0;clear:both;background-color:#fff}
p{color:#333 !important;font-family:Arial, Helvetica, sans-serif;font-size:13px; line-height:19px; margin-left: 13px;}

a:link,a:visited,a:active{color:#2e3192;text-decoration:underline}a:hover{color:gray;text-decoration:underline}
strong,b{clear:both;margin:0;font-size:14px; padding: 10px 0px 10px 0px;color:#333}

h1,h2,h3,h4,h5,h6{font-weight:400;color:#111;font-family:Arial, Helvetica, sans-serif}
h1{clear:both;margin:0;font-size:1.8em;line-height:1;color:#2e3192;padding: 12px 0px 5px 15px}
h2{clear:both;margin:0;font-size:16px; padding: 0px 0px 10px 15px; color:#333; font-weight:bold;}

h3{clear:both;margin:0;font-size:1.2em; padding: 0px 0px 10px 15px;color:#2e3192}
h4{clear:both;margin:0;font-size:1em;padding:12px 0 0px 15px;color:#fff}
h5{clear:both;margin:0;font-size:1em;padding:12px 0 0px 15px;color:#333}
h6{font-size:1em;font-weight:700}



/* =1. Navigation
   --------------------------------------------------------------------*/
   
#nav{width:225px;*width:225px;_width:210px;height:auto;padding-top:8px; float:left}
#nav ul{list-style:none;margin:0;padding:0;border:none}
#nav ul li{margin:0;padding:0;border-bottom:1px solid #FFF;font-weight:700}
#nav ul li:first-child{margin:0;padding:0;border-top:1px solid #FFF}
#nav ul li a,#nav ul li a:link,#nav ul li a:visited,#nav ul li a:active{font-family:Arial, Helvetica, sans-serif;font-size:13px;display:block;line-height:12px; 
padding:8px 0 8px 20px; *padding: 5px 0 5px 10px; margin:0;text-decoration:none;color:#333}
#nav ul li a:hover,#nav ul li a:focus{color:#333;background-color:#F1F1F1}
#nav ul li a.active{background-color:#f4c919;color:#fff !important}


/* =1. Admin style
   --------------------------------------------------------------------*/

#admin{ width: 708px; height: 50px; background-color:#ececec; margin: 0px 0px 0px 1px}
.admin-left{ width: 200px; height: 30px; margin: 5px 0px 0px 1px; float:left; color:#333}
.admin-right{ width: 250px; height: 30px; margin: 8px 0px 0px 1px; float:right}


#tab-container{width:400px; height: 28px; margin: 0px 0px 0px 28px;}
#tab a { color: #fff; background: url("images/tab-right.jpg") left top no-repeat; text-decoration: none; padding: 0px 0px 10px 4px; } 
#tab a span { background: url("images/tab-left.jpg") right top no-repeat; padding: 0px 0px 10px 4px; } 
#tab a{ display: block; float: left;} 
#tab a span { display: block; float: left; padding: 6px 10px 10px 10px;} 
/* Commented backslash hack hides rule from IE5-Mac \*/ 
#tab a, #tab a span { float: none;} 
/* End IE5-Mac hack */ 
#tab a:hover { color: #fff; text-decoration: none; padding: 0px 0px 10px 10px;} 
#tab a:hover span { padding: 6px 10px 10px 4px;} 
#tab { list-style: none; padding: 0; margin: 0px; clear: both;} 
#tab li { float: left; display: block; margin-left: 5px; padding: 0;font-size:15px;}


input{height: 23px; margin: 5px 10px 0px 0px;background-color:#f8f8f8;}

.borderedtable td.bg{background-color: #959595; padding-left: 8px; color:#FFF}

textareainput{height: 23px; margin: 5px 10px 10px 0px; width:400px}

.borderedtable td{background-color: #fff; padding-left: 8px; color:#666666}
.borderedtable th{background-color: #fff; padding-left: 8px; color:#fff !important; height:30px;}


table{background-color: #fff}



/*new styles */

lable{clear: both; width: 100%}

.borderedtable td {background-color:#FFFFFF;
color:#666666;
clear: both;
padding:15px 10px 5px 10px;
}


/*end styles */


.borderedtable
{
	border: 1px solid #000;
	background-color: #333;
}
.headerlink
{
	color: White;
}
.rows8
{
	height:100px;

}
.box 
{
	width: 708px;
	height:auto;
	background-color: #fff;	
	margin: 0px 2px 20px 1px;
	padding: 0px  px 20px 0px;
	border: 1px solid #999;
}
.box-login 
{
	width: 696px;
	border: 1px solid #999;
	background-color: #fff;	
	margin: -1px 0px 0px 1px;
	padding: 0px  0px 15px 10px;
}
.box-login td
{
	width: auto;
	height: 20px;
	background-color: #fff;	
	padding: 5px 20px 5px 1px;
}

.box-login input.submit
{
	width: auto;
	height: auto;
	padding: 5px 5px 5px 5px;
	background-color:#333;
	color: #FFF;
}

.box td
{
	width: auto;
	height: 20px;
	background-color: #fff;	
	margin: 0px 0px 0px 1px;
	text-align:left;
}

.box th 
{
	width: auto;
	background-color:#464646;
	margin: 20px 0px 0px 0px;
	color:#fff !important;
	text-align:left;
	}

.box th a:link
{
	width: auto;
	background-color:#464646;
	color:#fff !important;
	clear: both;
	text-align:center;
	}

.box input
{
	width: auto;
	height: auto;
	padding: 5px;
	float:left;	
	text-align:left;
}
		
.box input.submit
{
	width: auto;
	height: auto;
	padding: 5px 5px 10px 5px;
	background-color:#333;
	color: #FFF;
}

.box3 
{
	width: 497px;
	background-color: #fff;	
	margin: 1px 0px 0px 2px;
	padding: 0px  0px 20px 10px;
}
.box3 td
{
	width: auto;
	height: 20px;
	background-color: #fff;	
	padding: 10px 0px 6px 1px;
}

.box3 input.submit
{
	width: auto;
	height: auto;
	padding: 5px;
	background-color:#333;
	color: #FFF;
}

.box2 
{
	width: 708px;
	border: 1px solid #999;
	background-color: #fff;	
	margin: 38px 0px 0px 1px;
	padding: 0px  0px 20px 10px;
}

.bigfont
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14ox;
	font-style: normal;
	font-variant: normal;
	margin: 10px 10px 3px 10px;
    text-transform: none;
	color: #000080;

}

.bigfont2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14ox;
	font-style: normal;
	font-variant: normal;
	margin: 0px 10px 3px 10px;
    text-transform: none;
	color: #000080;
	*width: 450px;
	_width: 450px;
}
.normal
{
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #707070;
	margin: 5px 10px 10px 10px;
	*width: 450px;
	_width: 450px;
}

.linkbutton
{
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	margin: 0px 10px 10px 10px;
}
.linkbutton a{ font-size: 12px; color: #333;}

div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

.columnStd{margin: 0px 10px 0px 0px}

a.link{margin: 0px 0px 0px 10px}

.new-wrap
{
	width: auto;
	height: 50px;
	background-color:#959595;
	clear: both;
	margin:-6px 1px 0px 1px;
	}

.new-wrap input
{
	width: auto;
	height: auto;
	background-color: #333;	
	padding: 10px 5px 5px 5px;
	color:#fff;
}

.list-wrap
{
	width: auto;
	height: 100px;
	background-color:#fff;
	clear: both;
	margin:10px 1px 10px 1px;
	border-bottom: 1px dotted #333;
	}
	
.new-wrap input
{
	float: right;
	margin: 13px 15px 0px 0px;
	padding: 0px 5px 5px 5px;
	}

/*.table-wrap
{
	width: 708px;
	height: auto;
	background-color:#fff;
	clear: both;
	margin:0px 1px 100px 1px;
	}
.table-wrap th
{
	width: auto;
	background-color:#464646;
	margin:5px 1px 10px 0px;
	padding: 10px 10px 5px 10px;
	border-bottom: 2px solid #000;
	clear: both;
	}
	
.table-wrap th a:link
{
	color:#fff;
	}
	
.table-wrap td
{
	width: auto;
	background-color:#fff;
	margin:5px 1px 10px 0px;
	border-bottom: 2px solid #000;
	clear: both;
	}
	
.table-wrap td a:link
{
	color:#2e3192;
	}		
*/
.ButtonSpacer
{
	margin-top: -12px;
	float:right;
	width:150px;
	*height: 30px;
	_height: 30px;
	padding-right: 80px;
	*Padding:15px 115px 15px 0px;
	_Padding:15px 115px 15px 0px;
}
.ButtonSpacer1
{
	float:right;
	width:100px;
	margin-bottom: 10px;
	padding-right: 50px;
}
.NewButton
{
	color: #0072bc !important;
	background-color: #5C5D61;
	border: 1px solid #ccc;
	background-image: url(../Images/bgButton.gif);
	text-decoration: none;
	padding: 5px 4px 5px 4px;
	margin: 3px;
	font-size: 10pt;
	font-weight: bold;
}

.NewButton2
{
	color: #0072bc !important;
	background-color: #fff;
	border: 1px solid #ccc;
	background-image: url(../Images/bgButton.gif);
	text-decoration: none;
	padding: 5px 4px 5px 5px;
	*padding: 10px 4px px 5px;
	_padding: 10px 4px px 5px;
	margin: 0px 1px 3px 0px;		
	font-size: 10pt;
	font-weight: bold;
	text-align:left;
}
.NewButton2 td
{
	padding: 0px 20px 10px 0px;

	}
.NewButton2 th
{
	padding-right:15px;

	}	

/* new styles*/
.box2 
{
	width: 706px;
	height:auto;
	background-color: #fff;	
	margin: 0px 2px 0px 1px;
	padding: 0px  0px 0px 0px;
	border: 1px solid #999;
}

.box2 td
{
	width: auto;
	height: 20px;
	background-color: #fff;	
	padding: 10px 5px 10px 1px;
	text-align:center;
}

.box2 th 
{
	width: auto;
	background-color:#464646;
	color:#fff !important;
	padding: 10px 3px 10px 0px;
	text-align:center;
	}

.box2 th a:link
{
	width: auto;
	background-color:#464646;
	color:#fff !important;
	clear: both;
	text-align:center;
	}

.box2 input
{
	width: auto;
	height: auto;
	padding: 5px;
	float:left;	
	text-align:left;
}
		
.box2 input.submit
{
	width: auto;
	height: auto;
	padding: 5px 5px 10px 5px;
	background-color:#333;
	color: #FFF;
}
.required
{
	background-color:Yellow;
	color:Black;
}