/*
=====================================================================
fec_forms.css
elements in form: 
Button,
Radio Select Box,
Tab,
Input,
Pulldown select
  
	FEC COLOR PALETTE
	#004477: blue
	#bb0f00: red
	#737373: gray
  #e5e5e5: light gray
  #eeeeee: lightest gray

=====================================================================
*/

/************* (start)Radio Select Box ***********/
.radio_select_box{
	height:30px;
	font-family: tahoma,verdana;
    	font-size: 11px;
	line-height:40px;
	padding-left:8px;
	display: inline-block;
}

.radio_select_box .radio{
	margin:5px;
	vertical-align:middle;
	cursor:pointer;
	padding-left:3px;
}

.radio_select_box .label{
	font-family:tahoma, verdana;
	font-size:11px;
	font-weight:bold;
	color:#454545;
	vertical-align:middle;
}
/************* (end)Radio Select Box ***********/

/************* (start)Button Link ***********/
#button{
	/*margin-top:12px;*/
	font-family:tahoma, arial, sans-serif;
	font-size:11px !important;
	font-weight:bold;
	color:#ffffff !important;
	text-decoration:none;
}

div.round {
	line-height:25px;
	height:25px;
	background:url('/images/app_img/element/button.gif') no-repeat right top; 
	padding-right:1px; 
	display:inline-block;
}

.submitButton {
	background:url('/images/app_img/element/button.gif') no-repeat top; 
	height:25px;
	line-height:25px;
	padding-bottom:25px; 
	color:#ffffff !important;
	font-weight:bold;
	display:inline-block;

}

.submitButton:hover {
	cursor:pointer;
}

a.round {
	line-height:25px;
	height:25px;
	background:url('/images/app_img/element/button.gif') no-repeat right top; 
	padding-right:15px; 
	display:inline-block;
}

a.round span { 
	background:url('/images/app_img/element/button.gif') no-repeat left top; 
	height:25px;
	line-height:25px;
	display:inline-block;
	padding-left:15px;
	color:#ffffff !important;
	font-weight:bold;
}

a.round:hover {
	background-position:right -25px;cursor:pointer;
}

a.round:hover span {
	background-position:left -25px;
}


div.button{
	margin:0px;
	min-width:154px;
	cursor:crosshair;
	cursor:pointer;
}

div.button2{
	margin:0px 0 0 16px;
	min-width:154px;
	cursor:crosshair;
	cursor:pointer;
}

div.btn_arc_left{
	background:url("/images/btn_arc_left.gif") no-repeat;
	height:26px;
	width:10px;
	float:left;
	margin:0px;
	padding:0px;
	cursor:crosshair;
	cursor:pointer;
}

div.btn_arc_left2{
	background:url("/images/btn_arc_left.gif") no-repeat;
	height:26px;
	width:10px;
	float:left;
	margin:0px 0 0 6px;;
	padding:0px;
	cursor:crosshair;
	cursor:pointer;
}

.btn_bck{
	border:none;
	background-color:#004477;
	color: #FFFFFF !important;
	float:left;
	height:26px;
	font-size:10px;
	overflow:visible;
	font-family: tahoma,arial,sans-serif;
	font-size: 11px !important;
	font-weight:bold;
	cursor:crosshair;
	cursor:pointer;
}

div.btn_arc_right{
	float:left;
	background:url("/images/btn_arc_right.gif") no-repeat;
	height:26px;
	width:10px;
	margin:0px;
	padding:0px;
	cursor:crosshair;
	cursor:pointer;
}

/************* (end)Button Link ***********/


/************* (start)validateForm ***********/
.validateForm {
    color: #FF0000;
    float: left;
    font-family: verdana;
    font-size: 11px;
    margin-top: 8px;
}
/************* (end)validateForm ***********/


/************* (start)input text ***********/
.inputText {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
}

.inputText:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.inputText100 {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 100px;
    height: 20px;
}

.inputText100:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.inputText200 {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 200px;
    height: 20px;
}

.inputText200:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.inputText200 {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 200px;
    height: 20px;
}

.inputText200:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.inputText300 {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 300px;
    height: 20px;
}

.inputText300:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.inputText400 {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 400px;
    height: 20px;
}

.inputText400:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

.inputText500 {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #004477;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 500px;
    height: 20px;
}

.inputText500:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #004477;
    box-shadow: 0 0 6px #ABDCFF, 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}
/************* (end)input text ***********/


/************* (start)readOnly text ***********/
.readOnlyText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C6C6C6;
	border: #004477 1px solid;
 	color: #000000;
 	cursor: default; 
 	height: 20px;
 	font-size: 11px;
    font-weight: normal;
}
/************* (end)readOnly text ***********/

/************* (start)readOnlySelect ***********/
.readOnlySelect{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C6C6C6;
	border: #004477 1px solid;
 	color: #000000;
 	cursor: default; 
 	font-size: 11px;
    font-weight: normal;
}
/************* (end)readOnlySelect ***********/



/************* (start)Pull Down Select (will be replaced by jquery inputSelect later)***********/
.SearchPulldown120 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 120px;
	height: 19px;
}

.SearchPulldown200 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 200px;
	height: 19px;
}

.SearchPulldown300 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 300px;
	height: 19px;
}

.SearchPulldown400 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 400px;
	height: 19px;
}
/************* (end)Pull Down Select***********/




/************* (start)SearchInput (will be replaced by "inputText" later)**********/
.SearchInput70 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 70px;
	height: 17px;
}

.SearchInput100 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 100px;
	height: 17px;
}

.SearchInput150 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 150px;
	height: 17px;
}

.SearchInput200 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 200px;
	height: 17px;
}

.SearchInput300 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 300px;
	height: 17px;
}

.SearchInput400 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 400px;
	height: 17px;
}

.SearchInput500 {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #004477;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 500px;
	height: 17px;
}

/************* (end)SearchInput***********/