/*----browser clearsets and some general typo tag setting------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


body{font:12px/1.3 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:12px arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {color: #646464; background-image: url(images/body_bg.gif); background-repeat:repeat-x; background-position: top center; background-color:#85A3C7; }	
a{cursor:pointer; text-decoration:underline}
a:hover{text-decoration:none}
.curv{float:left; width:100%}
.curv img{float:left}
.clear{clear:both}
:focus{outline:none;}

h1{font-size:131%; font-weight:bold; color:#005596;}
h2{font-size:116%; font-weight:bold; color:#005596;}
h3{font-size:100%; font-weight:bold; color:#005596;}

#layout{width:100%; padding:45px 0 5px 0}
#wrapper{width:782px; margin:0 auto;  background:#FFF;}

/*header...*/
#header{float:left; width:782px; height:110px}
#logo{float:left; margin:34px 0 0 24px; display:inline}

#header .login_form_box{float:right; margin:15px 80px 0 0; display:inline; }
#login_form{float:right}
#login_form label{float:right; width:60px; margin:5px 0 0 0; font:12px/15px Arial,Helvetica,sans-serif}
#login_form label.last{margin:9px 0 0 0}
#login_form .input{float:left; width:106px; border:1px solid #e4e4e4; margin-bottom:3px; padding:2px 3px}
#login_form .style1 {font-size: 10px; clear: both; }
#login_form .style1 a {font-size: 10px}
#login_form .style2 {line-height:1.3em; margin-top:5px;}
#login_form .style2 a {font-size: 11px; text-decoration:none }

/*body_container...*/
#body_container{float:left; width:774px; padding:0 4px}
#body_container .main_container{float:left; width:774px; background:url(images/body_container_bg.gif) repeat-y 0 0; padding:14px 0 50px 0}
#body_container .contents{float:left; width:774px; }
#body_container .leftborder { background:url(images/contents_bg.gif) repeat-y top center; }

/*left_container...*/
#left_container{float:left; width:200px; padding:0 0 0 12px; margin:0 5px 0 0; display:inline; }

#menu{float:left; width:200px}
#menu ul{float:left; width:176px; list-style:none}
#menu ul li{float:left; width:176px; margin-bottom:5px; padding:0 0 0 6px; background:#f2f1ef; font:12px/15px Arial,Helvetica,sans-serif}
#menu ul li a{width:166px; padding:3px 0 3px 10px; text-decoration:none; color:#31312f; background:#f2f1ef; display:block}
#menu ul li.active a{background:url(images/menu_bullet.gif) no-repeat 0 5px; font-weight:bold}
#menu ul li a:hover{background:url(images/menu_bullet.gif) no-repeat 0 5px; font-weight:bold}

#left_container .sub_menu{float:left; width:200px; margin:120px 0 0 0}
#left_container .sub_menu ul{float:left; width:176px; list-style:none; border-top:1px solid #e9e9e9; padding:12px 0 0 0}
#left_container .sub_menu ul li{float:left; width:176px; margin-bottom:1px; font:16px/18px Arial,Helvetica,sans-serif; font-weight:bold}
#left_container .sub_menu ul li a{width:166px; padding:5px 0 5px 10px; text-decoration:none; color:#31312f; display:block}
#left_container .sub_menu ul li.active a{background:#5cc4fb; font-weight:bold; color:#FFF}
#left_container .sub_menu ul li a:hover{background:#5cc4fb; font-weight:bold; color:#FFF}

/*right_container...*/
#right_container {float:left; width:545px; margin:0 10px 0 0px; overflow:hidden; }
#right_container .content_box{float:left; width:440px}
/*#right_container .content_box h2{float:left; width:440px; font:15px/17px Arial,Helvetica,sans-serif; font-weight:bold; color:#0b0b0b; padding:0; margin:0; margin-bottom:25px; border:0px; background-color:Transparent;}
#right_container .content_box h3{float:left; width:440px; font:13px/15px Arial,Helvetica,sans-serif; font-weight:bold; color:#0b0b0b; padding:0; margin:0; margin-bottom:16px; border:0px; background-color:Transparent;}
#right_container .content_box p{float:left; width:440px; padding:0 0 16px 0}*/


/*footer...*/
#footer{float:left; width:782px; height:32px}
#footer span{float:left; width:782px; text-align:center; font:10px/12px Arial,Helvetica,sans-serif; padding:10px 0 0 0}

/*----Article Settings------*/
.content_article { background-color:White; }
.content_article .heading { padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; font-weight:bold; }
.content_article .small { font-size: .90em; color: #999; font-weight: normal; text-align: left; }
.content_article .modifydate, .content_article .createdate { vertical-align: top; font-size: .90em; color: #999; font-weight: normal; }
.content_article .content { margin: 10px 0; clear:both; }
.content_article .buttonheading { width:100%; }
.content_article .buttonheading a { margin-left: 10px; }
.content_article .buttons { padding-top: 15px; border-top:1px solid gray; text-align:right; }
.content_article .buttons .previous { background-image: url(images/arrow_lf.gif); background-repeat:no-repeat; background-position:left center; padding-left: 15px; }
.content_article .buttons .next { background-image: url(images/arrow_rg.gif); background-repeat:no-repeat; background-position:right center; padding-right: 15px; }
.content_article strong { font-weight:bold; }
.content_article ul, .content_article ol, .content_article p { margin: 0 0 10px 0; }
.content_article ul { list-style-type:disc; }
.content_article ol { list-style-type:decimal; }
.content_article li { margin-left:40px; }


/*----General Forms Settings------*/
.generalform { margin:0px 0px 10px; }
.generalform table.inputtable  { border-collapse:collapse; width:100%; margin-bottom:10px; }
.generalform .inputtable .caption { padding:7px 0px; border-bottom:1px dashed #bae1ff; vertical-align:top; width:200px }
.generalform .inputtable .item { padding:7px 0px; border-bottom:1px dashed #bae1ff; vertical-align:top; }
.generalform .inputtable .sep { padding:7px 5px; width:1%;  }
.generalform .inputtable .buttons { padding:15px 0px; vertical-align:top; text-align:left; }


/*----Forms Settings------*/
.form_data .table_form  { border-collapse:collapse; width:100%; margin-bottom:10px; }
.form_data .table_form .fieldname_top { padding:7px 0px; vertical-align:top; font-weight:bold; }
.form_data .table_form .fieldname { padding:7px 10px 7px 0; vertical-align:top; width:200px }
.form_data .table_form .fielddata { padding:7px 0px; vertical-align:top; }
.form_data .table_form .fieldnote { padding:0px 0px 7px; font-style:italic; }
.form_data .table_form .fieldsep { height:0px; padding:0px; margin:0px; border-bottom:1px dashed #bae1ff; }
.form_data .table_form .rankone_title { font-weight:bold; text-align:center; }
.form_data .table_form .rankone_selection_title { text-align:center; }
.form_data .table_form .rankone_selection { text-align:center; }
.form_data .table_form .ranktwo_title { text-align:center; }
.form_data .table_form .ranktwo_selection { text-align:center; padding-top:5px; }
.form_data .table_form .buttons { padding:15px 0px; vertical-align:top; }
.form_data .table_button { margin-top:20px; }
.form_data input[type="text"],
.form_data input[type="password"],
.form_data input[type="file"],
.form_data select,
.form_data textarea { font: Arial, Helvetica, sans-serif; background-color: #bae1ff; border:none; padding: 2px 4px; color: #0a5690; width: 200px; margin-right:10px; }
.form_data textarea { height: 100px; }	
.form_data select {width:auto;}
.form_data .genButton { background-color: #005596; margin: 0; padding: 2px; border: 0; text-align: center; font-weight: bold; color: #fff; width: auto; }
.form_data .page_count { font: 12px Arial, Helvetica, sans-serif; }


/* Pagination Style 1  */
.pagination {padding:7px; color: #333; background-color: #f3f3f3; border-top: 1px solid #999}
.pagination table {margin:auto; }
.pagination div.limit { float: left; height: 22px; line-height: 22px; }
.pagination div.paging { margin-left:120px; }
.pagination a { text-decoration: none; }
.pagination .button2-left,
.pagination .button2-right,
.pagination .button2-left div,
.pagination .button2-right div {
	float: left;
}
.pagination .button2-left a,
.pagination .button2-right a,
.pagination .button2-left span,
.pagination .button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}
.pagination .button2-left span,
.pagination .button2-right span { cursor: default; color: #999; }
.pagination .button2-left .page a,
.pagination .button2-right .page a,
.pagination .button2-left .page span,
.pagination .button2-right .page span,
.pagination .button2-left .blank a,
.pagination .button2-right .blank a,
.pagination .button2-left .blank span,
.pagination .button2-right .blank span { padding: 0 6px; }
.pagination .page span,
.pagination .blank span {
	color: #000;
	font-weight: bold;
}
.pagination .button2-left a:hover,
.pagination .button2-right a:hover { text-decoration: none; color: #0B55C4; }
.pagination .button2-left a,
.pagination .button2-left span { padding: 0 24px 0 6px; }
.pagination .button2-right a,
.pagination .button2-right span { padding: 0 6px 0 24px; }
.pagination .button2-left { background: url(../../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.pagination .button2-right { background: url(../../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
.pagination .button2-right .prev { background: url(../../images/j_button2_prev.png) no-repeat; }
.pagination .button2-right.off .prev { background: url(../../images/j_button2_prev_off.png) no-repeat; }
.pagination .button2-right .start { background: url(../../images/j_button2_first.png) no-repeat; }
.pagination .button2-right.off .start { background: url(../../images/j_button2_first_off.png) no-repeat; }
.pagination .button2-left .page,
.pagination .button2-left .blank { background: url(../../images/j_button2_right_cap.png) 100% 0 no-repeat; }
.pagination .button2-left .next { background: url(../../images/j_button2_next.png) 100% 0 no-repeat; }
.pagination .button2-left.off .next { background: url(../../images/j_button2_next_off.png) 100% 0 no-repeat; }
.pagination .button2-left .end { background: url(../../images/j_button2_last.png) 100% 0 no-repeat; }
.pagination .button2-left.off .end { background: url(../../images/j_button2_last_off.png) 100% 0 no-repeat; }

/* Pagination Style 2  */
.pagination2 {padding:7px; color: #333; background-color: #f3f3f3; border-top: 1px solid #999; }
.pagination2 table { width: 100%; }
.pagination2 div.limit { float: left; height: 22px; line-height: 22px; margin: 0; }
.pagination2 div.paging { float: right; height: 22px; line-height: 22px; margin: 0; }
.pagination2 a { text-decoration: none; }
.pagination2 .button2-left,
.pagination2 .button2-right,
.pagination2 .button2-left div,
.pagination2 .button2-right div {
	float: left;
}
.pagination2 .button2-left a,
.pagination2 .button2-right a,
.pagination2 .button2-left span,
.pagination2 .button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}
.pagination2 .button2-left span,
.pagination2 .button2-right span { cursor: default; color: #999; }
.pagination2 .button2-left .page a,
.pagination2 .button2-right .page a,
.pagination2 .button2-left .page span,
.pagination2 .button2-right .page span,
.pagination2 .button2-left .blank a,
.pagination2 .button2-right .blank a,
.pagination2 .button2-left .blank span,
.pagination2 .button2-right .blank span { padding: 0 5px; }
.pagination2 .page span,
.pagination2 .blank span {
	color: #000;
	font-weight: bold;
}
.pagination2 .button2-left a:hover,
.pagination2 .button2-right a:hover { text-decoration: none; color: #0B55C4; }
.pagination2 .button2-left a,
.pagination2 .button2-left span { padding: 0 3px; }
.pagination2 .button2-right a,
.pagination2 .button2-right span { padding: 0 3px; }
.pagination2 .button2-left .page,
.pagination2 .button2-left .blank { margin: 0px 3px;}


/* CuteEditor Style  */
.cute ul, .cute ol { margin-left:10px; }
.cute li { margin-left:15px }


/* Page Section 1  */
#left_container .pagesection1 {float:left; margin-top:100px; width:180px; overflow:hidden; }


/* Others */
.general_table {margin:5px 0 10px 0; }
.general_table th {font:bold 12px Helvetica, sans-serif; color:navy; padding:10px 10px; background-color:#9abfe5; border:1px solid #eee; border-bottom:none; }	
.general_table td {padding:2px 4px; border:1px solid #eee; }
	
input.normal,
select.normal,
textarea.normal {background-color: #eee; border: 1px solid #444; padding: 2px 4px; color: #666; width: 200px; margin-right:10px; }
textarea.normal {height: 100px; }	
select.normal {width:auto;}
.genButton { background-color: #005596; margin: 0; padding: 0; border: 0; padding: 2px; text-align: center; font-weight: bold; color: #fff; width: auto; }	
	
#contentbar_content2{ background-color: white; width:auto; height:auto; padding: 10px; margin-top:10px; border: 1px solid #c6e8fa; border-top:5px solid #c6e8fa; }
#TitleBox { margin: 30px 0px 0px 0px; border:1px solid #ccc; border-left:none; border-right:none; padding:5px; background: #e1eeff;	font:12px Arial, Helvetica, Geneva, sans-serif; font-weight:bold; }

.required {color:Red}
.custom_message{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; color:Red; padding:0px; padding-bottom:15px; margin-top:5px; }
.spacer { height:15px; clear:both; }

.ddsmoothmenu-v ul li, .ddsmoothmenu-v ul li a{ font:12px Arial, Helvetica, sans-serif; }

#full_container { width:758px; margin:0 8px; }