/*
	Centermine Index And Support Styles
*/

* {
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
	/* overflow-y: scroll; */
}

body
{
	background-color: #FFFFFF;
	font: 11px arial,helvetica, sans-serif;
	color: black;
	height: 100%;
}

img, a { border: 0; }

.clr { clear: both; }

#logo
{
	display: block;
	position: relative;
	float: left;
	top: 25px;
	left:  25px;
	width: 156px;
	height: 78px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#slogan
{
	display: block;
	position: relative;
	float: left;
	top: 27px;
	margin-left: 71px;
	width: 426px;
	height: 74px;
}

#idx_bgr
{ 
	position: relative;
	/* top: -14px; */
	margin: 0 auto;
	width: 1020px;
	height: 670px;
	margin-bottom: -670px;
	background-image: url('../images/index_bgr.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	/* border: 1px dashed green; */
}

#idx_top
{
	width: 900px;
	height: 330px;
	display: block;
	float: left;
	background-image: url('../images/dot_idx.png');
	background-repeat: repeat;
	background-position: 0 0;
}

#idx_slogan
{
	width: 900px;
	height: 124px;
	background-image: url('../images/dot_hor.png');
	background-repeat: repeat-x;
	background-position:  0 123px;
	/* border: 1px dashed green; */
	
	/* border-bottom: 1px dotted white; */
}

#idx_topleft
{
	display: block;
	float: left;
	padding: 30px 23px ;
	width: 404px;
	height: 164px;
	color: white;
	/* border: 1px dashed green; */
}

#idx_topright
{
	display: block;
	float: left;
	padding: 30px 30px 30px 40px;
	width: 380px;
	height: 144px;
	background-image: url('../images/dot_vert.png');
	background-repeat: repeat-y;
	background-position:  0 0;
	color: white;
	/* border: 1px dashed green; */
}

#idx_topright li
{
	padding: 4px 0 5px 10px;
	list-style-type: none;
	display: block; 
	background-image:	url('../images/arr_gray_idx.png');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font: normal  11px arial,helvetica, sans-serif; 
	color: #c4c4c4;
	border-bottom: 1px solid #373737;
	width: 294px;
	height: 15px;
}

#idx_topright li a
{ 
	color: #c4c4c4;
	text-decoration: none;
}

#idx_boxes
{
	width: 898px;
	height: 205px;
	background-color: white;
	border: 1px solid #d6d6d6;
}

.idx_onebox
{
	display: block;
	float: left;
	width: 173px;
	height: 171px;
	color: #6b6b6b;
	padding: 24px 26px 10px 26px;	/** border: 1px dashed green; */
}

.idx_onebox#last{ width: 171px; }

.idx_onebox_separator
{
	position: relative;
	top: -24px;
	left: 200px;
	width: 26px;
	height: 206px;
	margin: 0 0 -206px -26px;
	background-image: url('../images/line_dotted.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

.idx_onebox_bottomlink
{
	position: relative;
	bottom: -10px; 
	right: -170px;
	width: 26px;
	height: 28px;
	cursor: pointer;
	 border: 1px dashed green; 
}

.idx_onebox_seplast
{
	position: relative;
	top: -24px;
	left: 197px;
	width: 26px;
	height: 206px;
	margin: 0 0 -206px -25px;
	background-image: url('../images/line_dotted_no.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

.crm_color{ background-color: #ef4523; }
.fm_color{ background-color: #bcd330; }
.scm_color{ background-color: #fba819; }
.epmc_color{ background-color: #37a6a9; }

.sublogo { margin-bottom: 35px; }
.morepic
{ 
	position: absolute;
	top: 506px;
}

.mp_01{ 	left: 60px; }
.mp_02{ 	left: 285px; }
.mp_03{ 	left: 510px; }
.mp_04{ 	left: 735px; }

#index_container
{
	position: relative;
	top: 80px;
	margin: 0 auto;
	width: 900px;
	height: 538px;
	/* border: 1px dashed green; */
}

#copyleft
{
	position: relative;
	top: 130px;
	margin: 0 auto;
	width: 880px;
	padding: 12px 70px;
	color: #bdbdbd;
	font: 11px tahoma, sans-serif;
	/* border: 1px dashed green;  */
}


/* Support Start */

#container
{
	position: relative;
	display: block;
	top: 80px;
	margin: 0 auto;
	width: 900px;
	height: 538px;
	background-image: url('../images/dot_idx.png');
	background-repeat: repeat;
	background-position: 0 0;
	/* border: 1px dashed green; */
}

#top
{
	position: relative;
	width: 900px;
	height: 124px;
	display: block;
	float: left;
	/*	border: 1px dashed green;  */
}

#lang_container{
	position: absolute;
	right: 0;
	width: 300px;
	height: 30px;
	/* border: 1px dashed orange; */
}

#lang_container select{
	width: 140px;
	height: 20px;
	border: 0;
	/* 
	padding: 0 0 0 9px;
	background-image: url('../images/langselect_bgr.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid white; */
	font: 11px Tahoma, sans-serif;
	color: #4b4b4b;
	float: right;
}


#lang_container h5{
	position: relative;
	top: 3px;
	display: block;
	float: right;
	margin-right: 10px; 
	font: 11px Tahoma, sans-serif;
	color: white;
}

#support_heading{
	width: 100%;
	height: 40px;
	background-image: url('../images/dot_hor.png');
	background-repeat: repeat-x;
	background-position:  0 39px;
}
.support_heading_col{
	width: 448px;
	height: 40px;
	display: block;
	float: left;
}
.l_bor_dotted{
	background-image: url('../images/dot_vert.png'); 
	background-repeat: repeat-y; 
}

#support_menu, #support_submenu, .support_heading_container{ 
	display: block;
	position: relative;
	top: 13px;
	left: 40px;
}
#support_menu, #support_submenu{
	left: 20px;
	margin-right: -20px;
	/* border: 1px solid white; */
}

#support_submenu{
top: 0px;
right: 35px;
	/* border: 1px solid white; */
}
.support_heading_container{	color: white;}
.support_search_container{
	display: block;
	position: relative;
	top: 9px;
	left: 40px;
	color: white;
}

#support_menu, #support_menu a, #support_submenu, #support_submenu a{
	color: #b0d0d1;
	font: 11px arial,helvetica, sans-serif;
}

#support_menu a, #support_submenu a 	{	margin: 0 10px; text-decoration: none; }
#support_menu a:hover, #support_submenu a:hover{		color: #f89938; }

#left_column{
	display: block;
	float: left;
	width: 449px;
	height: 410px;
	color: white;
	
	background-image: url('../images/dot_vert.png');
	background-repeat: repeat-y;
	background-position:  448px 0;
	/* border: 1px dashed green; */
}

#right_column{
	display: block;
	float: right;
	width: 448px;
	height: 374px; 
	color: white;
	overflow-y: auto;
	/*	border: 1px dashed green;  */ 
}

.header_row{
	width: 448px;
	height: 40px;
	background-image: url('../images/dot_hor.png');
	background-repeat: repeat-x;
	background-position:  0 39px;
}

#form_container{
	/* display: block; */
	position: relative;
	float: left;
	top: 20px;
	left:  50px;
	/* padding: 30px 100px 30px 70px; */
	width: 300px;
	margin: 0 0 20px 0;
	/* border: 1px solid green;   */
}

.lc_text_container{
	padding: 30px 50px;
	color: #c4c4c4;
	width: 348px;
	/* border: 1px dashed green; */
}

.text_container{
	color: #c4c4c4;
	/*border: 1px dashed green; */
}
 .err_msg{
 	/* display: block; */
 	float: left;
	padding: 10px;
	color: red;
	/* */background-color: white; 
	border: 1px dashed red; 
	margin: 30px 10px 10px 10px;
}

.err_msg a{	color: gray; }
.err_msg a:hover{ color: red; }
.table_heading{	color: #b0d0d1; }

.err_msgdown{
	float: left;
	padding: 10px;
	color: red;
	width: 280px;
	border: 1px dashed red; 
	margin: 30px 0 0 0;
}
#form_container .req{
	position: absolute;
	right: -15px;
	margin-left: -15px;
	display: block;
	float: left;
	color: red;
	font: 13px arial,helvetica, sans-serif;
	width: 10px;
	height: 12px;
	padding: 5px;
}

#form_container .req_star{
	position: absolute;
	width: 10px;
	height: 24px;
	
}

#form_container #clear_btn{
	margin-top: 4px;
	display: block;
	float: left;
	color: white;
	text-decoration: underline;	
}
#form_container #clear_btn:hover{		text-decoration: none;	}

/* Feature Ranking Containers */

.fr_col_single{
	width: 420px;
	position: relative;
	float: left;
	/* border: 1px solid green; */
}


/* Feature Ranking Containers End */
.submit_btn{
	display: block;
	width: 44px;
	Height: 15px;
	color: #3e3e3e;
	background-color: #f89938;
	font: 11px arial,helvetica, sans-serif;
	border: none;
	padding: 4px 8px;
	text-decoration: none;
}
.submit_btn:hover{		color: #6e6e6e; }

.btn{
	color: red; 
 	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#fed;
	border: 1px solid green;
}


.fll{	float: left; }
.flr{	float: right; }
.marginr_tenpx{	margin-right: 10px;	}
.marginl_15px{	margin-left: 15px;	}
.top_4px{	margin-top: 4px;}
 .text_fld{
	display: block;
	float:	left;
	width: 126px;
	Height: 14px;
	border: 1px solid #d7d7d7;
	padding: 3px;
	margin-bottom: 5px;
	font: normal  11px arial,helvetica, sans-serif; 
}
 .rqf_text_fld{
	display: block;
	float:	left;
	width: 230px;
	Height: 14px;
	border: 1px solid #d7d7d7;
	padding: 3px;
	margin-bottom: 5px;
	font: normal  11px arial,helvetica, sans-serif; 
}
.text_area{
	width:350px;
	height: 200px;
	border: 1px solid #d7d7d7;
	background-color: 	#f5f4f4;
	font: normal  11px arial,helvetica, sans-serif; 
	margin-bottom: 5px;
}
.select_fld
{
	width:210px;
	Height: 18px;
	padding: 1px;
	border: 1px solid #d7d7d7;
	background-color: 	#f5f4f4;
	font: normal  11px arial,helvetica, sans-serif; 
	margin-bottom: 5px;
}

.radio_btn{
	padding: 1px;
	border: 1px solid #d7d7d7;
	background-color: 	#f5f4f4;
	font: normal  11px arial,helvetica, sans-serif; 
}

input.btn {
	display: block;
	float: left;
	color: #3e3e3e;
	background-color: #f89938;
	font: 11px arial,helvetica, sans-serif;
	border: none;
	padding: 4px 8px;
	margin-right: 10px;
	text-decoration: none;
}

input.btn:hover {		color: #6e6e6e; }

#list_container{
	width: 880px;
	Height: 314px;
	padding: 10px;
	overflow-y: auto;
	position: relative;
	/* border: 1px dashed red; */
}
.list_tbl, .list_tbl td{
	border: 1px solid #c4c4c4;
	border-collapse: collapse;
}
.list_tbl{ margin: 0 auto;	}

.list_tbl td{
	padding: 7px 14px;
	height: 12px;
	color: white;
}

/* Feature Ranking - List Tbl */

.q_tbl td{
	padding: 7px 14px;
	height: 12px;
	color: white;
}

.q_tbl, .q_tbl td{
	/* border: 1px solid #c4c4c4; */
	border-collapse: collapse;
}
.q_tbl{ margin: 0 auto;	}

.q_tbl td{
	padding: 3px 14px;
	height: 12px;
	color: white;
}

/* Feature Ranking - List Tbl End */

/* Paging Start */

.paging
{
	position: relative;
	left: 70px;
	 width: 540px;
	 padding: 15px 0 5px;
	font: normal  11px tahoma, sans-serif;
	color: #FFFFFF;
	 /* border: 1px dashed red;	 */
}

.paging a{	padding: 0 8px; color: #f89938; }
.paging a:hover{	color: #b6b7b7; }
.paging a#next, .paging a#previous{ color: #f89938;	}

.paging a#next{
	/* display: block;
	float: left; */
	width: 38px;
	padding: 3px 30px 4px 4px;
	background-image:	url('../images/arr_next.gif');
	background-repeat: no-repeat;
	background-position: 61px 8px;
	margin: 0 0 0 5px;
	/* border: 1px dashed green; */
}
.paging a#previous{
	padding: 0px 8px 0px 14px;
	background-image:	url('../images/arr_prev.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.paging a:hover#next, .paging a:hover#previous{ color: #b6b7b7; }
.paging a:hover#next{		background-image:	url('../images/arr_next_grey.gif'); }
.paging a:hover#previous{		background-image:	url('../images/arr_prev_grey.gif');}
.paging_greyrt{	border-right: 1px solid #b6b7b7;	}
.paging #active{	padding: 0 8px;	color: #FFFFFF; }

/* Paging End */


/* Support End */

.cnter{	color: #ef4523; }
.mine{	color: #f89938; }

a.cm_link{	color: #f89938; }
a:hover.cm_link{	color: #b6b7b7;  }
a.cnter_mine{	text-decoration: none;	}
a:hover.cnter_mine{	text-decoration: underline; color: #ef4523;	}