/*********************
  general items
*********************/
* {
	margin: 0;
	padding: 0;
}

br {
	display: block;
	content: "";
	margin-top: 7px;
}

a {
	color: #153870;
	text-decoration:none;
}
a:hover {
	color: #153870;
	text-decoration:underline;
}	
a img {
	border:0 none;
}
fieldset {
	border: 0;
}
p{
	line-height: 18px;
	margin:0;
	padding:7px 0 7px 0;
}
ul li {
	margin:0;
	padding:0;
}
ul, ol {
	margin:0;	
	padding:0;	
}
caption {
    display: none;
}
form{
	border:0;
}
fieldset {
	border: 0;
	padding:0;
	margin:8px 0;
}
/*** input highlight effect ***/
.highlight{
	background:#fff !important;
	color:#1f4b92 !important;	
}

#tabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

#tabs li {
	float: left;
	margin: 0 -15px 0 0;
}
#tabs a {
	float: left;
	position: relative;
	padding: 0 20px;
	height: 0;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #336600;
	border-bottom-color: #7779;
	opacity: .3;
	filter: alpha(opacity=30);
}
#tabs a:hover,  #tabs a:focus {
	border-bottom-color: #360;
	opacity: 1;
	filter: alpha(opacity=100);
}
#tabs a:focus {
	outline: 0;
}
#tabs #current {
	/*z-index: 3;*/
	border-bottom-color: #360;
	opacity: 1;
	filter: alpha(opacity=100);
}

eq {
	color: #360;
	font-style: italic;
	font-weight: bold;
}

/* ----------- */
#content {
	background: #fff;
	border-top: 2px solid #e8eaed;
	padding: 2em;/*height: 220px;*/
}
#content h2,  #content h3,  #content p {
	margin: 0 0 15px 0;
}

.noBorder {
	border: none !important;
}


/*********************
  font
*********************/
@font-face {
	font-family: 'Conv_ARN_____';
	src: url('/rocis/css3/fonts/ARN_____-b51c93bb889e926d1338ca7c8c40fc5e.eot');
	src: url('/rocis/css3/fonts/ARN_____-49ec662787bdaa5f657c33df02e61c17.woff') format('woff'), url('/rocis/css3/fonts/ARN_____-4bba9f4df64a613c8d365dd532509a9f.ttf') format('truetype'), url('/rocis/css3/fonts/ARN_____-abc3b0ad01d6535ddf540779e8a1066a.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ARLN____';
	src: url('/rocis/css3/fonts/ARLN____-0b57fd78c2d0795f9bffb2bbde43f1d5.eot');
	src: url('/rocis/css3/fonts/ARLN____-66865a74bb499df122b64efd2efb616c.woff') format('woff'), url('/rocis/css3/fonts/ARLN____-253a13854267edce40fc1ad0ac402c56.ttf') format('truetype'), url('/rocis/css3/fonts/ARLN____-fa8f3ad8bfd28d12362524d27505783a.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*********************
  main styles
*********************/
html{
	font:12px Arial, Helvetica, sans-serif;
	height: 100%;
	/*font-weight:700; */
}
body{
	background:#fff url("../image3/bg_tile.gif") center top repeat-x;	
	position: relative;	
	color: #626262;
	margin:0 auto;
	text-align: center;			
}
/*********************
  login screen
*********************/
.login_main{
	/*background:transparent url("../image3/bg_content_tile.png") center top repeat-y;*/
	position: relative;	
	margin:0 auto;
	text-align: center;
	width:100%;
	font-weight:700;
}
.top_shadow{
	background:transparent url("../image3/top_shadow.png") center top no-repeat;
	margin:0 auto;
	width:98%;
	height:8px;
}
.bottom_shadow{
	/*background:transparent url("../image3/bottom_shadow.png") center top repeat-x;*/
	background:transparent url("../image3/bottom_shadow.png") left bottom repeat-x;
	margin:0 auto;
	width:98%;
	height:8px;
}
.main_area{
	background:#fff url("../image3/main_bg.jpg") center top repeat-x;
	padding: 0 0 25px 0;
	min-height:760px;
	width:100%;
	min-width:1064px;
}	
/*** top panel ***/
.top_panel{
	position:relative;
    text-align:left;
	width:98%;
	height:171px;
}
.ROCIS_Back_Button{
    background-image: url("../image3/ROCIS_Back_Button.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    background-color: #cccccc;
    position:absolute;
    left:50px;
    top:48px;
    width:120px;
    height:60px;
}
.ROCIS_Back_Button:hover{
    opacity: 0.8;
}
.ROCIS_Back_Button:disabled{
    background-color: #999999;
    cursor: not-allowed
}
a.logo{
	background:transparent url("../image3/logo.png") left top no-repeat;
	position:absolute;
    left:175px;
	top:43px;
	width:365px;
	height:65px;
	text-indent:-55559px;
}
.top_panel h1{
	font:21px "Arial";
	line-height:25px;
	color:#164999;
	position:relative;
	float:right;
	padding:23px 0px 0 0;
}
.top_panel ul{
	position:relative;
	list-style-type:none;
	float:right;
	clear:right;
	padding:10px 0 0 0;
}
.top_panel ul li{
	position:relative;
	list-style-type:none;
	font-size:13px;
	font-weight:normal;
	color:#164999;
	float:left;
}
.top_panel .divider{
	width:1px;
	height:20px;
	background-color:#999;
	text-indent:-55559px;
	margin:0px 14px 0px 14px;
}
.top_panel .bt_logout{	
	background:transparent url("../image3/bg_logout.png") right top no-repeat;
	font-size:12px;
	color:#164999;
	display:block;
	padding:0 26px 0 0;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
}
.top_panel .bt_logout:hover{
	background:transparent url("../image3/bg_logout_on.png") right top no-repeat;
	color:#ca3500;
	text-decoration:none;	
}
/*** content area ***/
.content_area{
	width:98%;
	/*margin:0 auto;
	display:inline-block;*/
	LEFT: 0; 
	POSITION: absolute;
}

.content_area h1, .content_area_login_main h1{
	font:30px 'Arial';
	font-weight:normal;
	line-height:32px;
	color:#284eaf;
	text-align:left;
}

.content_area_login_main{
	width:98%;
	/*margin:0 auto;
	display:inline-block;*/
	LEFT: 0; 
}

/*** login area ***/
.login_content_area{
	width:98%;
	LEFT: 0; 
	/* POSITION: absolute; */
	padding:5px 0px 0px 20px;
	overflow-y:hidden;
	overflow-x:hidden;
}
.login_content_area h1{
	font:30px 'Arial';
	font-weight:normal;
	line-height:32px;
	color:#284eaf;
	text-align:left;
	padding:0 0 0px 10px;
}
.login_area{
	margin:0 21px 0 27px;
	width:382px;
	float:left;
}
.login_box{
	/*background:transparent url("../image3/bg_login.gif") left bottom repeat-x;*/
	background-color: #fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 2px 2px 2px #b3b3b3;
	-moz-box-shadow: 2px 2px 2px #b3b3b3;
	-webkit-box-shadow: 2px 2px 2px #b3b3b3;
	height:249px;
	margin:30px 0 0 0;
}
.login_box h2{
	font-family:"Arial";
	font-size:31px;
	font-weight:normal;
	line-height:34px;
	color:#111111;
	padding:4px 0 14px 26px;
}

#training-link {
    font-size: 14px
}

/*** login form ***/
form.login{
	padding:0px 0 0 32px;
}
form.login fieldset{	
    margin: 0 0 10px;
	text-align:left;
}
form.login fieldset legend{
	color:#FFF;
}
form.login fieldset a.forgot{
	color:#FFF;
	padding:0 0 0 19px;
	line-height:50px;
}
form.login fieldset label{    
    color: #fff;
    display:block;   
    padding: 0px 0 3px 0;
	font-size:14px;
	font-weight:bold;
}
form.login fieldset input{
	background:#8fa5c7 url("../image3/bg_form_elmt.gif") left top repeat-x;	
	border: 1px solid #7d92b5;
    padding: 2px 0 2px 2px;
    width: 317px;
	height:29px;
	color: #fff;
    display: block;
    font-size: 14px;
    vertical-align: sub;
	font-weight:normal;
	font-family:Arial;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #8FA5C7 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #fff;
}
.hidden_label,
.hidden_input{
	display:none !important;
}
a.login_bt {
    background: url("../image3/bg_login_bt.gif") repeat-x scroll left bottom transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #272727;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0 0;
    padding: 7px 33px;
    text-decoration: none;
    text-transform: uppercase;
}
a.login_bt:hover{
	background: #c13402;
}
/*** warning page button ***/
a.warning_bt{
    background:transparent url("../image3/bg_warning_bt.gif") left bottom repeat-x;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 1px 1px 1px #999999;
	-moz-box-shadow: 1px 1px 1px #999999;
	-webkit-box-shadow: 1px 1px 1px #999999;
    color: #FFFFFF;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 4px 27px;
    text-decoration: none;
	line-height:24px;
	font-weight:normal;
}
a.warning_bt:hover{
	background: #c13402;
}
/*** login page content ***/
.content{
	width:570px;
	float:left;
}
.content p{
	font-size:13px;
	line-height:18px;
	position:relative;
	text-align:left;
	padding:0px 0 9px 30px;
}
.content h1,h2,h3{
	font-size:20px;
	font-weight:normal;
	color:#ca3500;
	line-height:24px;
	text-align:left;
	padding:0px 0 9px 0px;
}
/********* login content ***********/
.login_content{
	width:570px;
	float:left;
}
.login_content p{
	font-size:13px;
	line-height:18px;
	position:relative;
	text-align:left;
	padding:0px 0 9px 30px;
	color:#111111;
}

.login_login_content{
	width:570px;
	float:left;
}
.login_login_content p{
	font-size:13px;
	line-height:18px;
	position:relative;
	text-align:left;
	padding:0px 0 9px 30px;
	color:#111111;
}
/*** warning page content ***/
.warning_content{
	width:803px;
	text-align:left;
	padding:54px 0 25px 97px;
	float:left;
}
.warning_content h1{
	font-size:19px;
	font-weight:normal;
	color:#153870;
	line-height:24px;
	padding:0px;
}
.warning_content p{
	font-size:13px;
	line-height:24px;
	padding:0px 0 15px 0;
	color:#111111;
}
.warning_content span.blue{
	font-size:13px;
	position:relative;
	color:#153870;
	padding:0px 0px 0px 6px;
	line-height:16px;
	top:-1px;
}
/*** landing page content ***/
.landing_content_area{
	/*width:68%;	*/
	LEFT: 0; 
	POSITION: relative;
	width:98%;
}

/*start of help message box*/

.msg_area{
	/*margin:0 21px 0 27px;*/
	margin:0 51px 0 50px;
	width:85%;
	float:left;
}

DIV .broadcastMsg{
	font-family: Arial, Helvetica, sans-serif;
	margin:10px 0 0 13px; 
	text-align:justify;
	width:100%;
	font-weight:normal;
	color:black;
	font-size:14px;
}


.help_message_area{
	float:right;
	-moz-box-shadow:1px 1px white;
	-webkit-box-shadow:1px 1px white;
	min-height:200px;
	width:550px;
	border-color:#284EAF;
	border-top:none;
	border-bottom:outset;
	
}
.help_message_area  .box_content{
	width:545px;
	min-height:195px;
	padding: 10px;
}

.help_message_area  .box_content marquee, .help_message_area  .box_content p{
	color:#222;
	max-height:100px;
	font-size:18px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	
}

.help_message_area .box_content h1{
	color:#3CB371;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
/* end of help message box*/
.landing_content_area h1{
	/*font:30px 'Conv_ARN_____'; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	line-height:32px;
	color:#284eaf;
	text-align:left;
}
.landing_content_header_area{
	margin:0 21px 0 97px;
	width:382px;
	float:left;
}
.landing_content{
	/*width:916px;*/
	float:left;
	padding:20px 38px 0px 43px;
	width:1000px;
}
.landing_content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	/* color:#333333; */
	color:#222222;
	line-height:24px;
	padding:0px;
}
.landing_content p{
	font-family: Arial, Helvetica, sans-serif;
	color:#222222;
	font-size:18px;
	font-weight:normal;
	line-height:24px;
	text-align:left;
	position:relative;	
	padding:0px 0 15px 0; 
}

.landing_content_admin{
	width:150px;
	padding:145px 0px 0px 854px;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

.landing_content_admin a{
	background:#c54b06 url("../image3/purple1/bg_btn_style11.gif") left bottom repeat;
	border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 1px #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:32px;
	position:absolute;
	padding:0 0 0 0px;
	text-align:center;
	width:140px;
	text-align:center;
}

.bjqs div{
	padding: 20px 80px 20px 80px;
}

.landing_content_admin a{
	text-decoration:none;
	left: 838px;
}
.landing_main{
	width:916px;
	padding:35px 0px 0px 46px;
	float:left;
}

.landing_content_main{
	width: 98%;
	padding:0px 0px 0px 0px;
	min-width: 1100px;
}

.landing_content_main1:hover{
	overflow-x:hidden;
	overflow-y:hidden;
}

.landing_content_main2:hover{ 
	overflow-x:hidden;  
	overflow-y:hidden; 
}

.ld_content_main{
	width:100%;
	padding:0px 0px 0px 0px;
	min-width:1100px;
	height:230px; 
}

/*** Message box ***/
.msg_box{
    background-color:rgba(192,234,250,0.2);
    border-top:rgba(40,78,175,0.9) 8px solid;
	
	border-right:none;
	border-left:none;
/*     border-radius:10px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	-moz-box-shadow:3px 3px 3px #1f3147;
	-webkit-box-shadow:3px 3px 3px #1f3147; */
	max-height:172px;
	width:1000px;
	float:left;
	font: 700 15px Arial,Helvetica,sans-serif;
	font-weight:normal;
	padding:10px 10px 10px 10px;
    margin:10px;
	display:none;
	
}
.msg_box h1{
	background:transparent 60px 18px no-repeat;
	font-family:'Conv_ARN_____';
	font-size:20px;
	font-weight:normal;
	height:33px;
	color:#d6311f;
	padding:10px 0 0 0;
	line-height:33px;
	text-align:center;
}
/*** general box ***/
.general_box{
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	min-height:182px;
	width:180px;
	margin:10px 10px 0 0;
	float:left;
	border-style:solid;
	background-color: white;
}

.general_box h1{
	font-family:'Conv_ARN_____';
	font-size:20px;
	font-weight:normal;
	height:33px;
	line-height:33px;
	margin-left: -20px;
	text-align:center;
}

/*** agenda box ***/

.agenda_box{
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	box-shadow:
			1px 1px 0px 0px #c54b06,
			2px 2px 0px 0px #c54b06,
			3px 3px 0px 0px #c54b06,
			4px 4px 0px 0px #c54b06,
			5px 5px 5px 0px	#ffffff;
	-moz-box-shadow:3px 3px 3px #c54b06;
	-webkit-box-shadow:3px 3px 3px #c54b06;
	min-height:182px;
	width:180px;
	margin:10px 13px 0 0;
	float:left;
	border-color:#c54b06;
	border-style:solid;

}
.agenda_box h1{
	background:transparent url("../image3/orange/agenda_ag_off.png") left bottom no-repeat;
	font-family:'Conv_ARN_____';
	font-size:15px;
	font-weight:normal;
	height:33px;
	color:#c54b06;
	padding:13px 0 0 41px;
	line-height:35px;
	margin-left: 10px;
}

/*** agenda review box ***/

.review_box{
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	box-shadow:
			1px 1px 0px 0px #804040,
			2px 2px 0px 0px #804040,
			3px 3px 0px 0px #804040,
			4px 4px 0px 0px #804040,
			5px 5px 5px 0px	#ffffff;
	-moz-box-shadow:3px 3px 3px #804040;
	-webkit-box-shadow:3px 3px 3px #804040;
	min-height:182px;
	width:180px;
	margin:10px 13px 0 0;
	float:left;
	border-color:#804040;
	border-style:solid;

}
.review_box h1{
	background:transparent url("../image3/review/brown_oira_eo_rew_ag_off.png") left bottom no-repeat;
	font-family:'Conv_ARN_____';
	font-size:15px;
	font-weight:normal;
	height:33px;
	color:#804040;
	padding:13px 0 0 41px;
	line-height:35px;
	margin-left: 10px;
}

/*** pra box ***/

.pra_box{
	/*background:#009fea url("../image3/lightblue/bg_pra.gif") 120px 130px repeat-x;*/
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	box-shadow:
		1px 1px 0px 0px #009fea,
		2px 2px 0px 0px #009fea,
		3px 3px 0px 0px #009fea,
		4px 4px 0px 0px #009fea,
		5px 5px 5px 0px	#ffffff;
	
	-moz-box-shadow:3px 3px 3px #009fea;
	-webkit-box-shadow:3px 3px 3px #009fea;
	min-height:182px;
	width:180px;
	margin:10px 13px 0 0;
	float:left;
	border-color:#009fea;
	border-style:solid;

}
.pra_box h1{
	background:transparent url("../image3/lightblue/bg_pra_hd.png")  60px 15px no-repeat;
	font-family:'Conv_ARN_____';
	font-size:15px;
	font-weight:normal;
	height:33px;
	color:#009fea;
	padding:13px 0 0 32px;
	line-height:33px;
	margin-left: -20px;
	text-align:center;
}
/*** dr box ***/
.dr_box{
	/*background:#2593a4 url("../image3/green/bg_dr.gif") left bottom repeat-x;*/
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	box-shadow:
		1px 1px 0px 0px #2593a4,
		2px 2px 0px 0px #2593a4,
		3px 3px 0px 0px #2593a4,
		4px 4px 0px 0px #2593a4,
		5px 5px 5px 0px	#ffffff;
	-moz-box-shadow:3px 3px 3px #2593a4;
	-webkit-box-shadow:3px 3px 3px #2593a4;
	min-height:182px;
	width:180px;
	float:left;
	margin: 10px 13px 0 0;
	border-color:#2593a4;
	border-style:solid;

}
.dr_box h1{
	background:transparent url("../image3/green/bg_dr_hd.png")  42px 18px no-repeat;
	font-family:'Conv_ARN_____';
	font-size:15px;
	font-weight:normal;
	height:33px;
	color:#2593a4;
	padding:13px 20px 0 58px;
	line-height:33px;
	margin-left: -10px;
	text-align:center;
}
/*** Admin box ***/
.adm_box{
	/*background:#695285 url("../image3/purple1/bg_btn_style11.gif") left bottom repeat;*/
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	box-shadow:
		1px 1px 0px 0px #695285,
		2px 2px 0px 0px #695285,
		3px 3px 0px 0px #695285,
		4px 4px 0px 0px #695285,
		5px 5px 5px 0px	#ffffff;
	-moz-box-shadow:3px 3px 3px #695285;
	-webkit-box-shadow:3px 3px 3px #695285;
	min-height:182px;
	width:180px;
	float:left;
	margin: 10px 13px 0 0;
	border-color:#695285;
	border-style:solid;

}
.adm_box h1{
	background:transparent url("../image3/purple1/purple-userprof-icon.png")  60px 18px no-repeat;
	font-family:'Conv_ARN_____';
	font-size:15px;
	font-weight:normal;
	height:33px;
	color:#695285;
	padding: 16px 0 0 42px;
	line-height: 33px;
	margin-left: -20px;
	text-align:center;
}

/*** reg-dereg box ***/
.rdr_box{
	/*background:#c54b06 url("../image3/orange/bg_agenda.gif") left bottom repeat-x;*/
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	box-shadow:
		1px 1px 0px 0px #336600,
		2px 2px 0px 0px #336600,
		3px 3px 0px 0px #336600,
		4px 4px 0px 0px #336600,
		5px 5px 5px 0px	#ffffff;
	-moz-box-shadow:3px 3px 3px #336600;
	-webkit-box-shadow:3px 3px 3px #336600;
	min-height:182px;
	width:180px;
	margin:10px 13px 0 0;
	float:left;
	border-color:#336600;
	border-style:solid;

}
.rdr_box h1{
	background:transparent url("../image3/rdr/bg_rdr_hd.png") left bottom no-repeat;
	font-family:'Conv_ARN_____';
	font-size:15px;
	font-weight:normal;
	height:33px;
	color:#336600;
	padding:13px 0 0 34px;
	line-height:15px;
    margin-left: 20px;
}

/****************************************/
.landing_content_area  input{
	background: url("../image3/arrow.png") no-repeat scroll center;
    border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow:
		1px 1px 0px 0px #1f3147,
		2px 2px 0px 0px #1f3147,
		3px 3px 0px 0px #1f3147,
		4px 4px 0px 0px #1f3147,
		5px 5px 5px 0px	#ffffff;
	
    border-color: #243548;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 4px 22px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: bottom;
	margin-bottom:10px;
	border-style:solid;
}

.landing_content_area .agenda input{
	 background-color:#c54b06;
}

.landing_content_area .review input{
	 background-color:#804040;
}

.landing_content_area .pra input{
	 background-color:#009fea;
}

.landing_content_area .dr input{
	 background-color:#1d7385;
}

.landing_content_area .admin input{
	 background-color:#3e1b72;
}
 
.landing_content_area .rdr input{
	 background-color:#336600;
}

.landing_content_area .agenda input[type="button"]:hover{
	background-color:  #A32B01;
}
.landing_content_area .review input[type="button"]:hover{
	background-color:  #5e2e2e;
}
.landing_content_area .pra input[type="button"]:hover{
	background-color:  #014d79;
}
.landing_content_area .dr input[type="button"]:hover{
	background-color:  #0e4743;
}
.landing_content_area .admin input[type="button"]:hover{
	background-color:  #660066;
}

.landing_content_area .rdr input[type="button"]:hover{
	background-color:  #003300;
}

.landing_content_area  input[type="button"]:active{

	
	box-shadow:
		1px 0px 0px 0px #1f3147,
		1px 0px 0px 0px #1f3147,
		1px 0px 0px 0px #1f3147,
		1px 0px 0px 0px #1f3147,
		1px 0px 0px 0px	#ffffff;
}



/*** common classs start ***/
.box_content {
    padding: 0px;
    width: 180px;
}
.box_line{
	background:transparent url("../image3/box_line.png") left top no-repeat;
	width:205px;
	height:1px;
	border:none;
	margin:12px 0 12px 0;
}
.box_content p{
	font-size:12px;
	color:#1d1d1d;
	line-height:13px;
	position:relative;
	text-align:left;
	padding:10px 9px 0 10px;
	font-weight:bold;
}
.agenda_box .box_content a{
	color:#c54b06;
	text-decoration:none;
}
.agenda_box .box_content a:hover{
	color:#A32B01;
	text-decoration:none;
}

.review_box .box_content a{
	color:#804040;
	text-decoration:none;
}
.review_box .box_content a:hover{
	color:#5e2e2e;
	text-decoration:none;
}

.rdr_box .box_content a{
	color:#336600;
	text-decoration:none;
}
.rdr_box .box_content a:hover{
	color:#003300;
	text-decoration:none;
}

.pra_box .box_content a{
	color:#009fea;
	text-decoration:none;
}
.pra_box .box_content a:hover{
	color:#014d79;
	text-decoration:none;
}

.dr_box .box_content a{
	color:#2593a4;
	text-decoration:none;
}
.dr_box .box_content a:hover{
	color:#0e4743;
	text-decoration:none;
}

.adm_box .box_content a{
	color:#695285;
	text-decoration:none;
}
.adm_box .box_content a:hover{
	color:#660066;
	text-decoration:none;
}
/*** common classs end ***/
/*********************
  footer
*********************/
.footer{
	width:68%;
	padding:1px 40px 0px 0px;
	display:inline-block;
	min-width:1063px;
	max-width:1063px;
}
.footer ul{
	list-style-type:none;
	float:right;
	padding:1px 40px 0px 0px;
}
.footer ul li{
	list-style-type:none;
	display:inline;
	padding:0 0 0 17px;
	float:left;
}
.footer p.copyright{
	font-size:11px;
	color:#787878;
	float:left;
	padding:0 0 0 90px;
}

/**clearfix by lynn*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}

 .clearfix { display: inline-block; }  /* for IE/Mac */
 
 .paddingauto{
   margin: 0px auto;
   position:relative;
   text-align:left;
   width: 1064px;
}

/**login error message box**/
 
.loginerror {
    margin-top: 50px;
}

.required {
    color: #000000;
    font-family: "Arial Black", sans-serif;
    font-size: 90%;
    font-weight: bold;
}

.formatnote {
    font-size: .75em;
    font-style: italic;
}

.readonly {
    color: #000000;
    background-color: #ffffff;
    margin-top: 0px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    /*	border: 1px inset #000000; */
}

LI.readonlytext  {
    color: #000000;
    background-color: #ffffff;
    display: list-item;
}

LABEL {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: bold;
}

FIELDSET {
    border-style: none ;
}

HR.blueline {
    color: #003399;
}

CAPTION {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
CAPTION A {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
}

DIV.maincontent {
    padding-right: 30px !important; padding-left: 30px !important; padding-bottom: 30px; margin: 0px; width: 95% !important; padding-top: 15px; background-color: #EFEFEF;
}

DIV.maincontent {
    padding-right: 30px; padding-left: 30px; padding-bottom: 30px; margin: 0px; width: 100%; padding-top: 15px; background-color: #EFEFEF;
}

DIV.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 30px;

}

DIV.formsection {
    background-color: #CCCCCC;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.errorMessage {font-weight:bold; color:red; }
/* MESSAGE BOXES */
.validation, .error, .success, .info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.error, .validation {
	color: #D8000C;
	background-color: #FFDEDE;
	background-image: url('../image3/error.png');
	margin-top:20px;
	margin-left:-32px;
	padding-left:90px;
	
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../image3/success.png');
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image:url('../image3/info.png');
}

/**added 0219**/
/*******************************************************************************
  FORM STYLE (UL/LI/ZEBRA)
*******************************************************************************/
form.middle-forms {
	font: 9pt Helvetica,Arial,Tahoma,sans-serif;
	padding: 5px;
	color: rgb(58, 64, 67);
	text-align:center;
}
form.middle-forms fieldset legend {
	font-size: 150%;
	font-weight: normal;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 5px;	
}
form.middle-forms :focus {
	outline: 0pt none;
}
form.middle-forms ol, ul {
	list-style: none outside none;
}
form.middle-forms p { 
	margin: 10px 0pt; 
}
form.middle-forms h3 { 
	color: rgb(29, 136, 149); 
	font-weight: bold; 
	font-size: 150%; 
	margin-bottom: 10px; 
}
form.middle-forms fieldset { 
	padding-bottom: 5px;
	display: inline;
	vertical-align: top;
	width: 100%;
}
form.middle-forms fieldset.title {
	display: inline;
	vertical-align: top;
	border-color: #000000;
	border-width: 1px 0px 0px 0px;
	border-style: solid;	
}
form.middle-forms fieldset.title legend {
	color: rgb(29, 136, 149); 
	font-weight: bold; 
	font-size: 150%; 
	padding: 0 5px;
}
form.middle-forms fieldset ol li { 
	padding: 15px; 
}
form.middle-forms fieldset ol li.even { 
	background: none repeat scroll 0% 0% #E7EFFF; 
}
form.middle-forms fieldset ol li input[type="radio"], 
form.middle-forms fieldset ol li input[type="checkbox"] { 
	border: medium none; 
	background: none repeat scroll 0% 0% transparent; 
}
form.middle-forms fieldset ol li textarea {/*input.txtbox-long */ 
	width: 305px;
}
form.middle-forms fieldset ol li label { 
	float: left; 
	margin-right: 15px; 
	display: block; 
}
form.middle-forms fieldset ol li label.button { 
	float: left; 
	margin: 0px;
	margin-top:-15px; 
	padding: 0px;
	display: block;
	valign: top; 
}
form.middle-forms fieldset ol li label.field-title,
form.middle-forms fieldset ol li label.field-title-ext { 
	font-weight: bold; 
	padding-top: 3px; 
}
form.middle-forms fieldset ol li label.field-title { 
	width: 150px; 
}
form.middle-forms fieldset ol li label.field-title-ext {
	width: auto;
	text-align: right;
}
form.middle-forms fieldset.box {
	margin-top:10px;
	background:#E7EFFF;
	padding-top:0px;
	border:1px solid #CCCCCC;
}
form.middle-forms fieldset.box legend {
	color: rgb(29, 136, 149); 
	font-weight: bold; 
	font-size: 120%; 
	padding:0px 5px;
}
/*******************************************************************************
  FORM FIELD VALIDATION
*******************************************************************************/
span.fieldChecked {
	background:url("../image3/icon_positive.png") no-repeat 8px 0px;
}
span.fieldError {
	background:url("../image3/icon_negative.png") no-repeat 8px 0px;
	padding-left: 28px;
	padding-bottom: 2px;
	font-weight: bold;
	font-style: italic;
	color: #EA5200;
	position:relative; 
	bottom:-19px;
	left:-140px;
}
select.fieldError, 
textarea.fieldError, 
input.fieldError {
	border: 1px solid #EA5200;
}
label.fieldError {
	display: block;
	color: #EA5200;
	font-style: italic;
	font-weight: normal;
}
/*******************************************************************************
  FORM STYLE (TABLE LAYOUT)
*******************************************************************************/
table.fieldtable {
	border-spacing: 10px;
	border-collapse: collapse;
	padding:15px 20px 15px 20px;
	background-color:#E7EFFF;
}

table.fieldtable td {
	align: left;
}
table.fieldtable td.fieldlabel {
	text-align: left;
    font-weight: bold; 
    padding-left: 15px; 
	height:40px;
}

table.fieldtable td.rightfieldlabel {
	text-align: right;
    font-weight: bold; 
    padding-right: 5px; 
	height:40px;
}

table.fieldtable td.fieldlabel label,
td.fieldlabel label {
	font-weight: bold;
}

table.fieldtable td.rightfieldlabel label {
	font-weight:bold;
	padding-right: 5px;
	height:40px;
    text-align:right;
}

table.fieldtable tr.even {
	background: none repeat scroll 0% 0% #E7EFFF; 
}

td.sectionLabel {
	padding-left:3px;
	font-weight: bold; 
	color:#000070;
}

td.withSpace {
	padding-left: 10px;
	padding-top: 10px;
}

table.multiSelectTable {
	border-spacing: 0px;
}

table.multiSelectTable td {
	border:thin;
	border-style:solid;
	border-color:black;	
}
/*******************************************************************************
  CONTENT LAYOUT [LEFT-RIGHT COLUMN]
*******************************************************************************/
div.box {
	margin-bottom: 15px;
	width: 100%;
}
div.box h4 {
	/* Gradient color from www.colorzilla.com/gradient-editor */
	background: rgb(212,228,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(100%,rgba(134,174,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* W3C */
	/* Round corner */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
}

div.box h5 {
	/* Gradient color from www.colorzilla.com/gradient-editor */
	background: rgb(212,228,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(100%,rgba(134,174,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* W3C */
	/* Round corner */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 1.1em;
	/*text-transform: uppercase;*/
	font-weight: bold;
	padding: 7px;
	color:#848595; border-bottom:1px solid #848595;
}
/* SUMMARY PAGE */
div#left-col {
	float: left;
	margin-right: 12px;
	width: 50%;
}
div#right-col {
	margin-right: 0px;
	float: right;
	width: 48%;
}
#alertMessages {
	height: 400px;
}
#alertMessages div.tab {
	overflow: auto;
	height: 340px;
}
#userAlertMessages {
	overflow: auto; 
	height: 280px;
}
#userAlertMessages div.tab {
	overflow: auto;
	height: 210px;
}
/*******************************************************************************
  ERROR / SUCCESS / INFO MESSAGE BOX
*******************************************************************************/
div.success, div.error, div.info {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
div.success ul,
div.info ul,
div.error ul {
	list-style: circle inside;
	text-align: left;
}
div.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../image3/success.png');
}
div.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../image3/error.png');
}
div.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image:url('../image3/info.png');
}
/*******************************************************************************
  MISC / OTHERS
*******************************************************************************/
.message {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:green;
}
.searchCriteriaMessage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:green;	
}

table.layout {
	border-spacing: 0px;
	border-collapse: collapse;
	padding:0px 0px 0px 0px;
}
/*******************************************************************************
  TOOLBAR BUTTONS
*******************************************************************************/
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
a.fg-button { float:left; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:16px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

.ui-icon-spell {background-image:url('../image3/icon_spellcheck.png') !important;}
.ui-icon-add {background-image:url('../image3/icon_add.png') !important;}
.ui-icon-edit {background-image:url('../image3/icon_edit.png') !important;}
.ui-icon-save {background-image:url('../image3/icon_save.png') !important;}
.ui-icon-remove {background-image:url('../image3/icon_delete.png') !important;}
.ui-icon-view {background-image:url('../image3/icon_view.png') !important;}
.ui-icon-report {background-image:url('../image3/icon_report.png') !important;}
.ui-icon-submit {background-image:url('../image3/icon_submit.png') !important;}
.ui-icon-compute {background-image:url('../image3/icon_calculator.png') !important;}
.ui-icon-history {background-image:url('../image3/icon_history.png') !important;}

div.comment {
	overflow: auto; 
	height: 150px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #A6C9E2; 
	background-color: #EEEEEE;
}
div.comment span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/***CreatedPRAListForm***/
#CreatedPRAListForm {
	margin-left: 25%;
    margin-right:25%;
    width: 860px;
}

 #CreatedPRAListForm div.error{
	width: 674px;
}


#FilterForm{
	margin-left: 25%;
    margin-right:25%;
    width: 860px;
}


INPUT.submit_pra:hover{
	background: #014d79;
}

INPUT.submit_pra {
	background: url("../image3/lightblue/bg_save_order_pra_bt.gif") repeat scroll left bottom transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #BDBDBD;
    color: #FFFFFF;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

INPUT.submit_ag, .submit_ag {
   background: url("../image3/orange/bg_save_order_ag_bt.gif") repeat scroll left bottom transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #BDBDBD;
    color: #FFFFFF;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px 0 0 0;
    padding: 4px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

INPUT.submit_rdr, .submit_rdr {
   background: url("../image3/orange/bg_save_order_ag_bt.gif") repeat scroll left bottom transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #BDBDBD;
    color: #FFFFFF;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px 0 0 0;
    padding: 4px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

INPUT.submit_pra:hover, .submit_ag:hover{
	background: #a32b01;
}

INPUT.submit_rdr:hover{
	background: #003300;
}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

p.rule_box {
	text-align:center;
	margin-top: -25px;
	padding-bottom:0;
}


INPUT.done_bt:hover{
	background: #0064AC;
}


/*******************************************************************************
  INPUT THEME
*******************************************************************************/
input[type="text"] {
    background: url("../image3/bg_update_rule_elmt.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #889AB6;
    color: #414141;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2px 0 3px 2px;
    vertical-align: top;
}
select, textarea{
background: url("../image3/bg_update_rule_elmt.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #889AB6;
    color: #414141;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 0 1px;
    text-transform: capitalize;
}
input[type="file"],
input[type="password"] { 
	padding: 3px; 
	border: 2px solid rgb(222, 222, 222); 
	background: url('../image3/bg-textbox.gif') repeat-x scroll 0% 0% rgb(255, 255, 255); 
}


input[type="checkbox"] {
    color: #414141;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
	}
/**select, textarea { 
	border: 2px solid rgb(222, 222, 222);  
}

/* works in IE7+ and modern browsers */
select[disabled],
input[readonly],
input[disabled],
textarea[readonly],
textarea[disabled] {
	background: #EBEBE4;
	color: #000;
}

/* IE8+ and modern browsers */
input[readonly="readonly"],
input[disabled="disabled"], 
select[disabled="disabled"],
textarea[readonly="readonly"],
textarea[disabled="disabled"] {
	background:#EBEBE4;
	color: #000;
} 

input.txtbox-mini { 
	width: 50px; 
}

input.txtbox-date { 
	width: 80px; 
}

input.txtbox-shorter { 
	width: 100px; 
}

input.txtbox-normal { 
	width: 150px; 
}

input.txtbox-short { 
	width: 122px; 
	
	background: url("../image3/bg_update_rule_elmt.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #889AB6;
    color: #414141;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding:  2px 0 1px 4px;
    text-transform: capitalize;
}
input.txtbox-middle { 
	width: 190px; 
}
input.txtbox-long { 
	width: 305px;
}
select.select-short { 
	width: 122px; 
}

/*******************************************************************************
  FORM STYLE (UL/LI/ZEBRA)
*******************************************************************************/
form.middle-forms {
	font: 9pt Helvetica,Arial,Tahoma,sans-serif;
	padding: 5px;
	color: rgb(58, 64, 67);
	text-align:center;
}
form.middle-forms fieldset legend {
	font-size: 150%;
	font-weight: normal;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 5px;	
}
form.middle-forms :focus {
	outline: 0pt none;
}
form.middle-forms ol, ul {
	list-style: none outside none;
}
form.middle-forms p { 
	margin: 10px 0pt; 
}
form.middle-forms h3 { 
	color: #284EAF; 
	font-weight: bold; 
	font-size: 150%; 
	margin-bottom: 10px; 
	padding-left:25px;
}
form.middle-forms fieldset { 
	padding-bottom: 5px;
	display: inline;
	vertical-align: top;
	width: 110%;
}
form.middle-forms fieldset.title {
	display: inline;
	vertical-align: top;
	border-color: #000000;
	border-width: 1px 0px 0px 0px;
	border-style: solid;	
}
form.middle-forms fieldset.title legend {
	color: rgb(29, 136, 149); 
	font-weight: bold; 
	font-size: 150%; 
	padding: 0 5px;
}
form.middle-forms fieldset ol li { 
	padding: 15px; 
}
form.middle-forms fieldset ol li.even { 
	background: none repeat scroll 0% 0% #E7EFFF; 
}
form.middle-forms fieldset ol li input[type="radio"], 
form.middle-forms fieldset ol li input[type="checkbox"] { 
	border: medium none; 
	background: none repeat scroll 0% 0% transparent; 
}
form.middle-forms fieldset ol li textarea {/*input.txtbox-long */ 
	width: 305px;
}
form.middle-forms fieldset ol li label { 
	float: left; 
	margin-right: 15px; 
	display: block; 
}
form.middle-forms fieldset ol li label.button { 
	float: left; 
	margin: 0px;
	margin-top:-15px; 
	padding: 0px;
	display: block;
	valign: top; 
}

.admin fieldset label{
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
}
form.middle-forms fieldset ol li label.field-title,
form.middle-forms fieldset ol li label.field-title-ext { 
	font-weight: bold; 
	padding-top: 3px; 
}
form.middle-forms fieldset ol li label.field-title { 
	width: 150px; 
	text-align: left;
	padding-left: 25px;
}
form.middle-forms fieldset ol li label.field-title-ext {
	width: auto;
	text-align: right;
}
form.middle-forms fieldset.box {
	margin-top:10px;
	background:#E7EFFF;
	padding-top:0px;
	border:1px solid #CCCCCC;
}
form.middle-forms fieldset.box legend {
	color: rgb(29, 136, 149); 
	font-weight: bold; 
	font-size: 120%; 
	padding:0px 5px;
}


/*******************************************************************************
  FORM FIELD VALIDATION
*******************************************************************************/
span.fieldChecked {
	background:url("../image3/icon_positive.png") no-repeat 8px 0px;
}
span.fieldError {
	background:url("../image3/icon_negative.png") no-repeat 8px 0px;
	padding-left: 28px;
	padding-bottom: 2px;
	font-weight: bold;
	font-style: italic;
	color: #EA5200;
}
select.fieldError, 
textarea.fieldError, 
input.fieldError {
	border: 1px solid #EA5200;
}
label.fieldError {
	display: block;
	color: #EA5200;
	font-style: italic;
	font-weight: normal;
}
/*******************************************************************************
  FORM STYLE (TABLE LAYOUT)
*******************************************************************************/
table.fieldtable {
	border-spacing: 10px;
	border-collapse: collapse;
	padding:15px, 20px, 15px, 20px;
	background-color:#E7EFFF;
}

table.fieldtable td {
	align: left;
}
table.fieldtable td.fieldlabel {
	text-align: left;
    font-weight: bold; 
    padding-left: 15px; 
	height:40px;
}

table.fieldtable td.rightfieldlabel {
	text-align: right;
    font-weight: bold; 
    padding-right: 5px; 
	height:40px;
}

table.fieldtable td.fieldlabel label,
td.fieldlabel label {
	font-weight: bold;
}

table.fieldtable td.rightfieldlabel label {
	font-weight:bold;
	padding-right: 5px;
	height:40px;
    text-align:right;
}

table.fieldtable tr.even {
	background: none repeat scroll 0% 0% #E7EFFF; 
}

td.sectionLabel {
	padding-left:3px;
	font-weight: bold; 
	color:#000070;
}

td.withSpace {
	padding-left: 10px;
	padding-top: 10px;
}

table.multiSelectTable {
	border-spacing: 0px;
}

table.multiSelectTable td {
	border:thin;
	border-style:solid;
	border-color:black;	
}
/*******************************************************************************
  CONTENT LAYOUT [LEFT-RIGHT COLUMN]
*******************************************************************************/
div.box {
	margin-bottom: 15px;
	width: 100%;
}
div.box h4 {
	/* Gradient color from www.colorzilla.com/gradient-editor */
	background: rgb(212,228,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(100%,rgba(134,174,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* W3C */
	/* Round corner */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
}

div.box h5 {
	/* Gradient color from www.colorzilla.com/gradient-editor */
	background: rgb(212,228,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(100%,rgba(134,174,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* W3C */
	/* Round corner */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 1.1em;
	/*text-transform: uppercase;*/
	font-weight: bold;
	padding: 7px;
	color:#848595; border-bottom:1px solid #848595;
}
/* SUMMARY PAGE */
div#left-col {
	float: left;
	margin-right: 12px;
	width: 50%;
}
div#right-col {
	margin-right: 0px;
	float: right;
	width: 48%;
}
#alertMessages {
	height: 400px;
}
#alertMessages div.tab {
	overflow: auto;
	height: 340px;
}
#userAlertMessages {
	overflow: auto; 
	height: 280px;
}
#userAlertMessages div.tab {
	overflow: auto;
	height: 210px;
}
/*******************************************************************************
  ERROR / SUCCESS / INFO MESSAGE BOX
*******************************************************************************/
div.success, div.error, div.info {
    border: 1px solid;
    margin: 20px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left: -32px;
}
div.success ul,
div.info ul,
div.error ul {
	list-style: none;
	text-align: left;
}
div.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../image3/success.png');
}
div.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../image3/error.png');
}
div.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image:url('../image3/info.png');
}
/*******************************************************************************
  MISC / OTHERS
*******************************************************************************/
.message {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:green;
}
.searchCriteriaMessage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:green;	
}

table.layout {
	border-spacing: 0px;
	border-collapse: collapse;
	padding:0px, 0px, 0px, 0px;
}
/*******************************************************************************
  TOOLBAR BUTTONS
*******************************************************************************/
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
a.fg-button { float:left; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:16px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

.ui-icon-spell {background-image:url('../image3/icon_spellcheck.png') !important;}
.ui-icon-add {background-image:url('../image3/icon_add.png') !important;}
.ui-icon-edit {background-image:url('../image3/icon_edit.png') !important;}
.ui-icon-save {background-image:url('../image3/icon_save.png') !important;}
.ui-icon-remove {background-image:url('../image3/icon_delete.png') !important;}
.ui-icon-view {background-image:url('../image3/icon_view.png') !important;}
.ui-icon-report {background-image:url('../image3/icon_report.png') !important;}
.ui-icon-submit {background-image:url('../image3/icon_submit.png') !important;}
.ui-icon-compute {background-image:url('../image3/icon_calculator.png') !important;}
.ui-icon-history {background-image:url('../image3/icon_history.png') !important;}

div.comment {
	overflow: auto; 
	height: 150px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #A6C9E2; 
	background-color: #EEEEEE;
}
div.comment span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


*******************************************************************************
  PAGE LAYOUT
*******************************************************************************


.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.innerContent{
	margin : 0 20px; /*Margins for inner DIV inside each column (to provide padding)*/
}

/* Side navigation */
#leftcolumn * {
	text-align: left;
}

/*******************************************************************************
  FORMS BUTTON
*******************************************************************************/
.button_blue {
	color: #1b486a;
	display: inline;
	color:#FFFFFF;
	height: 25px;
	margin-right: 6px;
	margin-top:10px;
	padding-right: 12px !important;
	overflow: hidden;
	font-size: 12px;
	outline: none !important;
	cursor: pointer;
	font-weight: bold;
	background: url("../image3/lightblue/bg_save_order_pra_bt.gif") repeat scroll top right transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #BDBDBD;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 24px;
    padding: 5px 40px;
    text-decoration: none;
    text-transform: uppercase;
	margin-left: 35px;
	
}
.button_blue span {
	align:left;
	padding-right: 24px;
}

.button_blue:hover {
	background-position: right bottom;
	text-decoration:none !important
}
.button_blue:hover span {
	background-position: left bottom;
	color: #1b486a;
}
.button_grey {
	margin: 0px;
	padding: 0px !important;
	border: 0px;
	background: transparent url('../image3/but_right_grey.gif') no-repeat scroll top right;
	color: #555;
	display: block;
	float: left;
	height: 30px;
	margin-right: 6px;
	margin-top:10px;
	padding-right: 12px !important;
	text-decoration: none;
	overflow: hidden;
	font-size: 12px;
	outline: none !important;
	cursor: pointer;
	
}
.button_grey span {
	background: url('../image3/but_left_grey.gif') no-repeat left top;
	display: block;
	line-height: 30px;
	padding: 0px 0px 0px 12px;
	outline: none !important;
	float:left;
	font-weight: bold;
	valign: bottom;
}
.button_grey:hover {
	background-position: right bottom;
	text-decoration:none !important
}
.button_grey:hover span {
	background-position: left bottom;
	color: #333;
}
.button_ok {
	margin: 0px;
	padding: 0px !important;
	border: 0px;
	background: transparent url('../image3/but_round_span_blue.gif') no-repeat scroll top right;
	color: #1b486a;
	display: block;
	float: left;
	height: 30px;
	margin-right: 6px;
	margin-top:10px;
	padding-right: 15px !important;
	text-decoration: none;
	overflow: hidden;
	font-size: 12px;
	outline: none !important;
	cursor: pointer;
	font-weight: bold;
}
.button_ok span {
	background: url('../image3/but_round_ok_blue.gif') no-repeat left top;
	display: block;
	line-height: 30px;
	padding: 0px 0px 0px 35px;
	outline: none !important;
	float:left;
}
.button_ok:hover {
	background-position: right bottom;
	text-decoration:none !important
}
.button_ok:hover span {
	background-position: left bottom;
	color: #1b486a;
}
.button_notok {
	margin: 0px;
	padding: 0px !important;
	border: 0px;
	background: transparent url('../image3/but_round_span_blue.gif') no-repeat scroll top right;
	color: #1b486a;
	display: block;
	float: left;
	height: 30px;
	margin-right: 6px;
	margin-top:10px;
	padding-right: 15px !important;
	text-decoration: none;
	overflow: hidden;
	font-size: 12px;
	outline: none !important;
	cursor: pointer;
	font-weight: bold;
}
.button_notok span {
	background: url('../image3/but_round_del_blue.gif') no-repeat left top;
	display: block;
	line-height: 30px;
	padding: 0px 0px 0px 35px;
	outline: none !important;
	float:left;
	font-style: italic;
}
.button_notok:hover {
	background-position: right bottom;
	text-decoration:none !important
}
.button_notok:hover span {
	background-position: left bottom;
	color: #1b486a;
}
.button_grey_round {
	margin: 0px;
	padding: 0px !important;
	border: 0px;
	background: transparent url('../image3/but_round_span_grey.gif') no-repeat scroll top right;
	color: #555;
	display: block;
	float: left;
	height: 30px;
	margin-right: 6px;
	margin-top:10px;
	padding-right: 12px !important;
	text-decoration: none;
	overflow: hidden;
	font-size: 12px;
	outline: none !important;
	cursor: pointer;
	font-weight: bold;
}
.button_grey_round span {
	background: url('../image3/but_round_left_grey.gif') no-repeat left top;
	display: block;
	line-height: 30px;
	padding: 0px 0px 0px 12px;
	outline: none !important;
	float:left;
}
.button_grey_round:hover {
	background-position: right bottom;
	text-decoration:none !important
}
.button_grey_round:hover span {
	background-position: left bottom;
	color: #333;
}

/*******************************************************************************
  ALERT MESSAGES
*******************************************************************************/
p.info  {
	display: block;
	background: url('../image3/informationbar_right.gif') no-repeat right top;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom:10px !important;
	padding: 0px !important;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	font-style: italic;
	max-width: 800px;
	_width: 800px;
}
p.info span.info_inner {
	display: block;
	height: 30px;
	padding: 6px 10px 0px 35px;
}
#success .info_inner {
	color: #5a801b;
	background: url('../image3/icon_success.gif') no-repeat left top;
	border: 0px;
}
#warning .info_inner {
	color: #E89326;
	background: url('../image3/icon_warning.gif') no-repeat left top;
	border: 0px;
}
#error .info_inner {
	color: #C00;
	background: url('../image3/icon_error.gif') no-repeat left top;
	border: 0px;
}
#info .info_inner {
	color: #4985B2;
	background: url('../image3/icon_info.gif') no-repeat left top;
	border: 0px;
}

/*******************************************************************************
  Recertification page
*******************************************************************************/

.content_area h1.adm{
	color: #4B0082;
	font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    padding: 8px 0;
    text-decoration: none;
    text-transform: inherit;
	text-align: center;
}

 ul.recertify {
width: 100%;
margin: auto;
}

ul.recertify li {
width: 25%;
margin: auto;
font-size: 16px;
list-style-type: none;
font-weight: bold;
}
ul.recertify p.formbuttons {
width: 25%;
margin: auto;
}

div.recertify {
width: 100%;
margin: auto;
}
div.recertify p {
width: 25%;
margin: auto;
font-size: 16px;
list-style-type: none;
font-weight: bold;
}
div.recertify p.formbuttons {
width: 25%;
margin: auto;
}

.adm_btn_style:hover {
background: #320D4E;
color: #FFF;
text-decoration: none;
}

ul.recertify .adm_btn_style, a.adm_btn_style {
background: transparent url('../image3/admin/color-bg_btn_style11.gif') left bottom repeat-x;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 4px 4px 4px #eaeaea;
-moz-box-shadow: 1px 1px 1px #eaeaea;
-webkit-box-shadow: 1px 1px 1px #eaeaea;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 4px 20px;
text-decoration: none;
text-transform: uppercase;
margin: 0px;
vertical-align: bottom;
horizontal-align: center;
border-width: 0;
cursor:default;
}

.admin h1{
	color: #4B0082;
	font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    padding: 8px 0;
    text-decoration: none;
    text-transform: inherit;
    text-align:center;
}

/*******************************************************************************
  Recertification page for login
*******************************************************************************/

.box_area_main{
	background-color:#FFF;
	padding:5px 10px;
	border:5px solid #FFF;
	display:block;
	float: left;
    position: relative;
    left: 50%;
	min-width: 1191px;
}

.box_content_main{
	background-color:#FFF;
	padding:10px 5px;
	border:5px solid #e8eaed;
	display:inline-block;
	min-width:902px;
	float: left;
    position: relative;
    left: -50%;
	margin-right:25px;
	
}

.usrdet_box_area_main{
	width: 100%;
}

.usrdet_box_content_main{
	width: 97%;
}


.userRecertification ul.center,.userRecertification ul{
    font-weight: bold;
    line-height: 150%;
    list-style-type: disc;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
	padding-left:20px;
}
.userRecertification li{
	font-weight:normal;
}

.userRecertification h2{
	font-weight:bold;
	font-family: "Times New Roman";
    font-size: 12pt;
    margin: 0 0 0.0001pt;
    page-break-after: avoid;
    text-decoration: underline;
	color:black;
}

.userRecertification ul.recertify {
	width:100%;
	margin:auto;
}

.userRecertification ul.recertify li{
	width:25%;
	margin:auto;
	font-size: 16px;
	list-style-type: none; 
	font-weight:bold;
}
.userRecertification ul.recertify p.formbuttons{
	width:25%;
	margin:auto;
}

table.border {
    border: 1px solid #CCCCCC;
}

table.border p.MsoNormal{
	padding-left:10px;
}


.recertify_main_area{
	background:#fff url("../image3/main_bg.jpg") center top repeat-x;
	min-width:1064px;
	padding: 0 0 25px 0;
	min-height:3180px;
	width:100%;
}
/* user recertification without menu */

div.Section1 {
	padding: 0 10px;
}
.usrDetail_area{
	border:1px solid #ececec;
	border-top-color:#fcfcfc;
	padding:15px;
	text-align:left;
	overflow:hidden;
	background-color: #FFFFFF;
}
.usrDetail_area fieldset {
	margin:0;
	border:1px solid #ccc;
}

.usrDetail_area legend {
	margin:1em 0;
	padding:0px;
	color:#036;
	background:transparent;
	font-size:14px;
	font-weight:bold;
}
.usrDetail_area div.section {
	width: 100%;
	background-color: white;
	border: 0px;
	margin:1em 0;
	text-align: left;
}

.usrDetail_area div.section h2 {
	font:14px arial,verdana,sans-serif;
	color:white;
	font-weight:bold;
	background-color: #667793;
	padding: 5px;
	margin: 0px;
}
.userRecertification ul.center,.userRecertification ul{
    font-weight: bold;
    line-height: 150%;
    list-style-type: disc;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
	padding-left:20px;
}
.userRecertification li{
	font-weight:normal;
}

.userRecertification h2 {
    color: black;
    font-family: "Arial";
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 0.0001pt;
    page-break-after: avoid;
    text-decoration: underline;
}

.userRecertification ul.recertify {
	width:100%;
	margin:auto;
}

.userRecertification ul.recertify li{
	width:25%;
	margin:auto;
	font-size: 16px;
	list-style-type: none; 
	font-weight:bold;
}
.userRecertification ul.recertify p.formbuttons{
	width:25%;
	margin:auto;
}

.admin table.log_table_style4 th div a{
	color:#ffffff;
	font-size: 11px;
    font-weight: bold;
    line-height: 13px;
}

.box_area_main{
	background-color:#FFF;
	padding:5px 10px;
	border:5px solid #FFF;
	display:block;
	float: left;
    position: relative;
    left: 50%;
	min-width: 1191px;
}


.usrdet_box_area_main {
    width: 100%;
}

.usrdet_box_content_main {
    width: 97%;
}

.recertify_main_area .content_area{
	width:150%;
	margin-left: -265px;
}


#UserRecertificationForm p.MsoTitle {
    font-size: 16px;
}
#UserRecertificationForm p, #UserRecertificationForm li {
    font-size: 14px;
}
p.MsoTitle, li.MsoTitle, div.MsoTitle {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 0.0001pt;
    text-align: center;
}

#UserRecertificationForm ul {
    margin-left: 40px;
}