/* CSS Document */

#ContactInfoOptionsTable .title
{
	text-align: center;
}

#ContactInfoOptionsTable .checkbox
{
	padding-right: 15px;
}
#ContactInfoOptionsTable .title_un_submitted
{
	padding-left: 15px;	
}
.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=30);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.3;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.3;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.3;
}
#add_contact_info_options {
	line-height: 32px;	
}
#facebox .content {
    width: 600px !important;
}
#sanction_request_menu {
	width: 100%;
	margin-left: 0px;
	padding-top: 5px;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#sanction_request_menu span {
	padding: 5px;
	border: 1px solid #000000;
	
	background: #F0F0F0;
	margin-right: 3px;
	color: #0065BD;
}
#sanction_request_menu a {
	color: #0000FF;
}

/* The hint to Hide and Show */
.hint, .validation_message {
   	display: none;
    position: absolute;
	max-width: 300px;
	margin-left: 20px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background: #ffc;
	line-height: normal;
}

.validation_message {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #da241c;
	z-index: 99;
}
/* The pointer image is hadded by using another span */
.hint .hint-pointer, .validation_message .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/graphics/pointer.gif) left top no-repeat;
}

#facebox .close
{

}

/*Table Design*/
.form_seperator {
	width: 100%;
	height: 1px;
	background-color: #CCC;	
	margin-top: 4px;
	margin-bottom: 4px;
}
input:focus {
	background-color: #ffc;	
}
.form_row {
}
.label {
	text-align: right;
}
.required_label {
	text-align: right;	
	color: #0065BD;
	font-weight: bold;
}
.input_field
{
	vertical-align: top;	
}

#sanctionRequestTable {
	border-spacing: 4px 10px;
	width: 635px;
}
/*Question mark hover */
a.info {
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
}

a.info:hover {
	z-index:25; 
}

a.info span { 
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:21em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: center;
}

.review_label 
{
	font-weight: bold;	
	text-align: right;
	vertical-align: top;
}
.review_value
{
	padding-left: 10px;
}	
#sanctionRequestReview
{
	width: 550px;	
}

/* Suggest State CSS */
#SuggestState
{
	width: 210px;
	background-color: #003366;	
	color: #FFFFFF;
}

#SuggestState .state_result
{
	border-bottom: 1px solid #CCC;
	padding-left: 5px;	
}

#SuggestState .state_result:hover
{
	background-color: #FFFFFF;
	color: #003366;
	cursor: pointer;	
}
td.label{
	color: inherit;
	font-size: inherit;
	display:block;
}