﻿/************************* THEME 1 *************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px; 
}

p, span, b, strong, i, em, ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484848;
}

h1, .h1 {
	font-size: 17px;
	color: #484848;
}
h2, .h2 {
	font-size: 14px;
	color: #484848;
}
h3 {
	font-size: 12px;
	color: #000000;
	background-color: #d8d8d8;
	padding: 2px;
}

fieldset
{
    padding:10px;
    margin-top:20px;
    border: 1px solid #aeaeae;
    width: 99%
}

legend
{
    font-weight:bold;
    /*margin-top:20px;
    color: #fff;
    background: #ffa20c;
    border: 1px solid #781351;
    padding: 2px 6px*/
}

/************ HTML Editor ***************/
.ajax__html_editor_extender_texteditor
{
    background-color:White;
}


/************RATING CLASES***************/
.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/rating_on.gif);

}

.emptyRatingStar {
    background-image: url(/Images/rating_off.gif);
}

.savedRatingStar {
    background-image: url(/Images/rating_on.gif);
}


/************************* Classes *************************/

.search-header {font-weight:bold; font-size:12px;}
/*.adpanel { margin-top:0px; background-color:inherit; display: inline;}*/

a, a.advertisement:link, a.advertisement:visited   {
	color: #575757;
	text-decoration: none;
}

a.advertisement:hover {
	text-decoration: underline;
}


.footer {font-size:10px; font-family: Arial,verdana; color:#484848;}

.details-table td
{
   height:20px;
}

.required
{
    color:Red;
    margin-left:4px;
}

.highlight
{
    text-decoration: none; 
    font-weight: bold;
    color: black;
    background-color: Yellow;
}

.attention {
	background-image: url(/Images/att.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	color: Maroon;
	font-weight:bold;
	padding-left: 20px;
	background-position:left;
}

.warning {
	background-image: url(/Images/warning.gif);
	background-repeat: no-repeat;
	background-position:left;
	color: Maroon;
	font-weight:normal;
	height:18px;
	padding-left: 20px;
}

.warningbox 
{
    display: block;
	color: #333333;
	font-family:Verdana;
	font-weight: normal;
	height:18px;
	border: 1px solid #E2C822;
    z-index: 99;
    padding: 10px 10px 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-image:url('/Images/warning.gif');
    background-repeat:no-repeat;
    background-position: 10px;
    background-color: #FFF9D7;
}

.confirmedbox {
    display: block;
	color: #333333;
	font-family:Verdana;
	font-weight: normal;
	height:18px;
	border: 1px solid #A9D260;
    z-index: 99;
    padding: 10px 10px 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-image:url('/Images/btn_wiz_accept.gif');
    background-repeat:no-repeat;
    background-position: 10px;
    background-color: #FAFFF1;
}

.infoBox 
{
    background-color:#FFFFC6;
    border: solid 1px #FFD700;
}

input.blur {
	color:#888888;
}
/* Notes Start ---------------------------------------------------------------------------- */

.Help {cursor:help; margin-top:2px;}

.NotesPanel 
{
    background-color: Black;
    border:1px solid #888888;
    padding:8px;
    width:300px;
    display:none;
    text-align:left;
    position:relative;
}

.NotesLabel 
{
    
}

.NotesImage, .NotesHover 
{
    margin:0px 6px;
    cursor:pointer;
}

a.tooltip{
    position:relative;
    z-index:99;
    text-decoration:none;
    cursor:help;
}

a.tooltip:hover{z-index:100;}
a.tooltip span.tooltip{display:none}

a.tooltip:hover span.tooltip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    border:solid 1px #000000; 
    background-color:#FFFFFF; 
    padding:6px;
    color:#000000;
    font-size:11px;
}


a.tooltip2{
    position:relative;
    z-index:99;
    text-decoration:none;
    cursor:help;
}

a.tooltip2:hover{z-index:100;}
a.tooltip2 span.tooltip2{display:none}

a.tooltip2:hover span.tooltip2{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    border:solid 1px #3CB371; 
    background-color:#F0FFF0; 
    padding:6px;
    color:#000000;
    font-size:11px;
    width:200px;
    z-index:99px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
/*position:absolute; display:none; z-index:99; border:#3CB371 solid 1px; background-color:#F0FFF0; padding:6px; width:240px;*/
 
.bulletedlist a:link, .bulletedlist a:visited {text-decoration:none; color:#484848;} 
.bulletedlist a:hover {text-decoration:none; color:#000000; font-weight:bold} 
 
.form_panel{
	border: 1px solid silver;
	background-color: #eaeaea;
}

table.data_table{
	border-color: gray;
	border-width: 0px;
	border-style: solid;
}

.caption2{
	border: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #6A7395;
	text-align: left;
	padding: 4px;
}

table.data_table th{
	font: 12px;
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	background-color: #7e7e7e;
}

.title{
	font : bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Green;
}
.field_name{
	text-align: right;
	background-color: #E3E3EB;
	white-space: nowrap;
}
.information_box{
	border: 1px solid #66CC99;
	background-color: #BBE6CF;
}
.data_input_box{
	border: 1px ridge #c6c6c6;
	background-color: #D1D1D1;
}
.data_display_box{
	border: 1px solid #7e7e7e;
	background-color: #d8d8d8;
}

.dhtml_div_header 
{
	background-color: #aaaaaa;
	padding: 4px; 
	margin-bottom:2px;
	overflow: hidden; 
	width: 320px; 
	cursor: pointer; 
	color: #ffffff; 
	height: 16px; 
	position: relative;
	font-weight:bold;
	font-family:arial;
}

.dhtml_div_content 
{
	visibility: hidden; 
	overflow: hidden; 
	width: 300px; 
	position: relative; 
	height: 0px; 
	background-color: #f1f1f1;
}



/************************* LINKS *************************/

a, a:link, a:visited  {
	color: #006699;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

a, a.std-link:link, a.std-link:visited   {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: Bold;
}

A.std-link:hover {
	color: #92B500;
	text-decoration: none;
}



a, a.nav:link, a.nav:visited   {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: Bold;
}

A.nav:hover {
	color: #92B500;
	text-decoration: none;
}


/* Pagination */
A, A.pagerlink:link, A.pagerlink:visited   {
	color: #000000;
}

A.pagerlink:Hover {
	color: Red;
	text-decoration: none;
}

/* Notes Start ---------------------------------------------------------------------------- */

.NotesPanel 
{
    background-color:#ffffff;
    border:1px solid #888888;
    padding:8px;
    width:300px;
    display:none;
    text-align:left;
}

.NotesLabel 
{
    
}

.NotesImage, .NotesHover 
{
    margin:0px 6px;
    cursor:pointer;
}

/* Notes End ---------------------------------------------------------------------------- */


/* AutoComplete Start ---------------------------------------------------------------------------- */

.AutoComplete-List{background-color: Window; margin: 0px !important; border-style:solid; border-width:1px; border-color:#888; cursor: pointer; overflow: auto; padding:0px !important; text-align: left; list-style-type: none; max-height: 200px;}
.AutoComplete-ListItem{color: WindowText; padding: 1px 4px; margin:0px;}
.AutoComplete-ListItemHilite{color: HighlightText; background-color:Highlight; padding: 1px 4px;}
.AutoComplete-ListItem .disabled{color: #888888;}

/* AutoComplete End ---------------------------------------------------------------------------- */

/************************* CONTROL STYLES *************************/
.gridview 
{
    border-left: solid 1px #E7DEDE;
}
.gridview th 	
{
    background-image: url(/Images/fade30.gif);
	background-repeat: repeat-x;
	border-top: solid 1px #E7DEDE;
	border-bottom: solid 1px #E7DEDE;
	border-right: solid 1px #E7DEDE;
}
.gridview td 	
{
    border-bottom: solid 1px #E7DEDE;
	border-right: solid 1px #E7DEDE;
}

.datalist 
{
    border-left: solid 1px #E7DEDE;
    border-bottom: solid 1px #E7DEDE;
}
.datalist th 	
{
    background-image: url(/Images/fade30.gif);
	background-repeat: repeat-x;	
	border-right: solid 1px #E7DEDE;
}
.datalist-itemtemplate td	
{
    border-top: solid 1px #E7DEDE;
	border-right: solid 1px #E7DEDE;
}

.hyperlink
{
    vertical-align:middle;
}

/************************* TOP NAVIGATION *************************/

A, A.navTop:link, A.navTop:visited  {
	color: Black;
	font-family:Arial,verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

A.navTop:hover {
	color: Blue;
	text-decoration: none;
}

/************************* FORM ELEMENTS *************************/

textarea {
	font-family: Arial;
	font-size: 12px;
}

.checkbox{
	border : 0px;
}

.radiobutton{
		border : 0px;
}

input.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid Gray;
	background-image: url(/Images/button_bg.gif);
	background-repeat: repeat-x;
	height: 18px;
}

