@charset "utf-8";
/* CSS Document */


body {
    background: #fff;
	font: .80em "Trebuchet MS" Verdana, Arial, sans-serif;
	line-height: 1.5em; 
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

#wrap
{
margin: 2px auto;
width: 99%;
background-image:url(/img/midleftbg.jpg);
background-position:left;
background-repeat:repeat-y;
}
#wrapleft
{
background-image:url(/img/midleftbg.jpg);
background-position:left;
background-repeat:repeat-y;
}
#wrapright
{
background-image:url(/img/midrightbg.jpg);
background-position:right;
background-repeat:repeat-y;
}

#top { 
background: #fff url(/img/topmidbg.jpg) repeat-x;
height: 20px;
}
#topleft { 
background: #fff url(/img/topleftbg.jpg) ;
width:30px;
height: 30px;
float: left;
}
#topright { 
background: #fff url(/img/toprightbg.jpg) ;
width:30px;
height: 30px;
float: right;
}

#content {
padding: 0 30px 0 30px;
}

#bottom {
background: #fff url(/img/botmidbg.jpg);
height: 30px;
}
#bottomleft {
background: #fff url(/img/botleftbg.jpg);
width: 30px;
height: 30px;
float: left;
}
#bottomright {
background: #fff url(/img/botrightbg.jpg);
width: 30px;
height: 30px;
float: right;
}


.header {
height: 121px;
background-image:url(/images/top.jpg);
background-color: white;
background-repeat: no-repeat;
}

#pnlMain 
{
	margin-top:0px;
}

.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 14px; color: #FFF; }

/*#usermenu,#adminMenu { 
    background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
}*/

.adminMenu 
{
	    background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
}

#usermenu 
{
	background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
}

.middle {
	float: left;
	width: 40%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
}
	
.middleWide {
	float: left;
	width: 100%;
	margin: 0 0px;
	padding: 0;
	text-align: justify;
}
.RightWide {
	float: left;
	width: 80%;
	margin: 0 0px;
	padding: 0;
	text-align: justify;
}
.right {
	float: left;
	width: 40%;
	margin: 0 10px;
	padding: 1% 1%;
	
}

.right ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.right li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
}

.middleWide h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}


#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	text-align: center;
	color: #666;
}


/*****************************************************************************************/

#aspnetForm table
{
    background-color: #F9FBFD;
    color: #000000;
    /*width: 315px;*/
    border: 1px solid #D7E5F2;
    border-collapse: collapse;
}

#aspnetForm td
{
    border: 1px solid #D7E5F2;
    padding-left: 5px;
    padding-right:5px;
}



.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}



/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


.rcol
{
	font-weight:bold;
	text-align:right; padding-right:5px;
}


#waitdiv {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	height: 55px;
	width: 200px;
	padding: 10px;
	position:absolute;
	display:none;
}

.paymentstable td{
  border-bottom-style:ridge;
}


.monitortable { border-bottom: 1px; font: 1.2em "Trebuchet MS" Verdana, Arial, sans-serif; padding-right: 5px;
}
.monitortableheadertop {
	border-top: thin; 
	border-top-color: aqua; 
	border-top-style: solid;
	border-bottom: thin; 
	border-bottom-color: aqua; 
	border-bottom-style: solid;
	border-left: thin; 
	border-left-color: aqua; 
	border-left-style: solid;
	border-right: thin; 
	border-right-color: aqua; 
	border-right-style: solid;
}
.monitortableheadermiddle {
	border-top: thin; 
	border-top-color: aqua; 
	border-top-style: solid;
	border-left: thin; 
	border-left-color: aqua; 
	border-left-style: solid;
	border-right: thin; 
	border-right-color: aqua; 
	border-right-style: solid;
}
.monitortableheaderbottom {
	border-bottom: thin; 
	border-bottom-color: aqua; 
	border-bottom-style: solid;
	border-left: thin; 
	border-left-color: aqua; 
	border-left-style: solid;
	border-right: thin; 
	border-right-color: aqua; 
	border-right-style: solid;
}

.monitortable td {padding-right: 5px;} 
.monitortable th {padding-right: 5px; text-align: center;} 
.monitortable th a {text-decoration: underline;} 
.monitortablerow1 {
background-color: #d0def5;
color:#333333;
padding:2px;
}
.monitortablerow1:HOVER {
background-color:#FF9900;
color:#000000;
}
.monitortablerow2 {
padding:2px;
background-color:#CCCCCC;
color:#333333;
}
.monitortablerow2:HOVER {
background-color:#FF9900;
color:#000000;
 
}

.monitortablerowh1 {
	background-color: #CC6600;
	color:#FFFFFF;
	padding:2px;
}
.monitortablerowh1 a{
	color:#FFFFFF;
}
.monitortablerowh1:HOVER {
background-color:#FF9900;
color:#000000;
}
.monitortablerowh1 a:HOVER{
	color:#000000;
}

.button {
	background-color:transparent; border: 0px;color: Blue;font-size:11px;
}
.msgbox
{
	border:1px #d0def5 solid;
	padding:10px 10px 10px 10px;
	text-align:center;
}
/*Events display style*/
.event_body{
	border-bottom:dotted 1px #999999;
	padding-left: 25px;  
  	background:url(images/arrow_down.jpg) no-repeat;
  	margin-left: 20px;
	}

.event_ul_title_top{
	border-bottom:dotted 1px #999999;
	}
.event_title2 {
  padding-top: 0px;
  padding-left: 25px;
  background:url(../../themes/andarrtg_theme/images/bluegreen/question_icon_18px.jpg) no-repeat;
  margin:20px 0 0 0;
  min-height:18px;
  /* border-top:dotted 1px #999999;*/
}	
.item-list .event_ul_title_top li {
	list-style:none;
	margin-left: 0;	
}

#content-node-area .item-list .event_ul_title_top li a{
	color:#000000;
	}
#content-node-area .item-list .event_ul_title_top li a:hover{
	color:#7C9F00;
	}
.eqactive {  
  border: 0 none white;
  text-decoration: none;  
  line-height:22px;
  font-size:16px;
  vertical-align:middle;
}
.eqactive img {  
  text-align: center;
  border: 0 none white;
  text-decoration: none;   
}
.pcbutton {
	border: none;
	background: url('/images/white-1.png') no-repeat top left;
	padding: 4px 0px;
	font-size: 75%;
	font-weight:bold;
	color:#3B6EBF;
	width:93px;
}

.pcbutton:active {
	border: none;
	background: url('/images/white-2.png') no-repeat top left;
	padding: 4px 0px;
}


.pcbuttonl {
	border: none;
	background: url('/images/whitel-1.png') no-repeat top left;
	padding: 4px 0px;
	font-size: 75%;
	font-weight:bold;
	color:#3B6EBF;
	width:200px;
}

.pcbuttonl:active {
	border: none;
	background: url('/images/whitel-2.png') no-repeat top left;
	padding: 4px 0px;
}




/*CSS FORM SIGNUP*/
.errorbox {border: thin solid lime; background-color: aqua; width: 300px; clear:both; display: block;  margin-left: 195px; padding:5px; font-size: smaller}
.roundbox-tr { margin:10px auto 10px auto; padding:0; background:url("/images/box_1x2.gif") no-repeat right top; }

.roundbox-tl { margin:0; padding:0; background: url("/images/box_1x1.gif") no-repeat left top; }

.roundbox-br { margin:0; padding:0; background: url("/images/box_2x2.gif") no-repeat right bottom; }

.roundbox-bl { margin:0; padding:0; background: url("/images/box_2x1.gif") no-repeat left bottom; }

.roundbox-content { margin:0; padding:.5em 1.5em; }

.roundbox-content p { margin:0; padding:0; }

.labelannotation {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; VERTICAL-ALIGN: middle
}
.sectiontitle {
	PADDING-RIGHT:  0px; 
	border-top-style:dotted; 
	border-top-width:thin; 
	MARGIN-TOP: 15px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.3em;  
	repeat-x 50% top; 
	PADDING-BOTTOM: 15px; 
	COLOR: #7484bf; 
	PADDING-TOP: 5px; 
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	TEXT-ALIGN: center
}
.sectionsubtitle {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em;  repeat-x 50% top; 
	COLOR: #7484bf; 
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	TEXT-ALIGN: center;
}
.sectionsubtitlebox {
	PADDING-RIGHT:  0px; 
	margin-left:10px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 15px; 
	COLOR: #7484bf; 
	width: 300px;
	float: left;
}

INPUT:focus {
	BORDER-RIGHT: #ffaa00 thin dashed; BORDER-TOP: #ffaa00 thin dashed; BORDER-LEFT: #ffaa00 thin dashed; BORDER-BOTTOM: #ffaa00 thin dashed; BACKGROUND-COLOR: #fffeab
}
TEXTAREA:focus {
	BORDER-RIGHT: #ffaa00 thin dashed; BORDER-TOP: #ffaa00 thin dashed; BORDER-LEFT: #ffaa00 thin dashed; BORDER-BOTTOM: #ffaa00 thin dashed; BACKGROUND-COLOR: #fffeab
}
text:focus {
	BORDER-RIGHT: #ffaa00 thin dashed; BORDER-TOP: #ffaa00 thin dashed; BORDER-LEFT: #ffaa00 thin dashed; BORDER-BOTTOM: #ffaa00 thin dashed; BACKGROUND-COLOR: #fffeab
}
.shortestinput {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 75px
}
.shorterinput {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 75px
}
.shortinput {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 75px
}
.mediuminput {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 200px
}
.longinput {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 400px
}
.verylonginput {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 600px
}
.shorterinput {
	WIDTH: 120px
}
.shortinput {
	WIDTH: 150px
}
.mediuminput {
	WIDTH: 200px
}
.longinput {
	WIDTH: 250px
}
.verylonginput {
	WIDTH: 418px
}
text {
	MARGIN-BOTTOM: 10px
}
TEXTAREA {
	MARGIN-BOTTOM: 10px
}
.rowheight {
	MARGIN-BOTTOM: 8px
}
.formlabel {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 175px; TEXT-ALIGN: right
}
.formlabelnormal {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 75px; TEXT-ALIGN: right
}
.formlabelchk {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 75px; TEXT-ALIGN: right
}
.formlabel_col0 {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 175px; TEXT-ALIGN: right
}
.formlabel_col2 {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 175px; TEXT-ALIGN: right
}
.formlabel_col3 {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 175px; TEXT-ALIGN: right
}
.formlabellong {
	PADDING-RIGHT: 10px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 170px; TEXT-ALIGN: right
}
.formlabel_col0 {
	WIDTH: 115px
}
.formlabel_col2 {
	WIDTH: 250px
}
.formlabel_col3 {
	WIDTH: 310px
}
.formlabel_outdent {
	PADDING-RIGHT: 20px; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 50px; TEXT-ALIGN: right
}
.formindent {
	MARGIN-LEFT: 195px
}
.labelannotation {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; VERTICAL-ALIGN: middle
}
.labelhighlight {
	COLOR: #ff0000
}
.indent-block {
	MARGIN-LEFT: 50px
}
.imagethumb-vertical {
	PADDING-RIGHT: 0px; FLOAT: left; WIDTH: 200px
}
.imagethumb-vertical LABEL {
	WIDTH: auto; TEXT-ALIGN: left
}
.radiobutton {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 20px
}
.radiobutton_quote {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 16px; WIDTH: 20px
}
.select_pulldown {
	MARGIN-BOTTOM: 10px
}
.checkbox {
	DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 10px; VERTICAL-ALIGN: text-top; WIDTH: 1em
}
BR {
	CLEAR: left
}
.filename {
	WIDTH: 300px
}
.buttonWizardImage {
	MARGIN: 5px 0px 5px 195px; WIDTH: auto
}
.imagethumb {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #666666 1px solid
}
.table_colorpicker IMG {
	WIDTH: 15px; HEIGHT: 17px
}
.table_colorpicker A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#display_option1 {
	DISPLAY: none
}
#display_option2 {
	DISPLAY: none
}
#display_option3 {
	DISPLAY: none
}
.narrowsubmitbutton {
	WIDTH: 160px
}
.paid_options {
	DISPLAY: block; FLOAT: left; MARGIN: 0px 12px 15px 30px; WIDTH: 370px; TEXT-INDENT: -20px; _text-indent: 0px
}
/*CSS start page*/
.logotitle
{
	padding-top:10px;	
	color:white;
	font-family:Georgia;
	font-style:italic;
	font-weight:bold;
	font-size:28px;
	line-height:32px;
}
.slogan
{
	
	color:white;
	font-family:Georgia;
	font-size:14px;	
}

.headerstart {
height: 244px;
width:748px;
background: #013476 url(/images/top.jpg) no-repeat;
}
.topmenustart
{
color:#ffffff;
font-size: 14px;
font-weight: bold;
padding-left:10px;
}

.topmenustart a
{
color:#ffffff;
font-size: 14px;
font-weight: bold;
padding-left:10px;
}

.topmenustart a:hover
{
color:#B86032;
font-size: 14px;
font-weight: bold;
padding-left:10px;
}

.divisor
{
color:#B86032;
font-size: 14px;
font-weight: bold;
padding-left:2px;
}
#wrapstart
{
	margin: 20px auto;
	width: 748px;	
	border: 1px solid #000000;
}
#bottommenu 
{
	
}
.middleleftstart {
	background: #ffffff url(/images/startpage/header_shadow.jpg) repeat-x;
	float: left;
	width: 568px;
	
	text-align: justify;
	background-color:#ffffff;
	float:left;
}
.middlerightstart {
	float: left;
	width: 180px;
	height:750px;
	margin: 0 0px;
	padding: 0;
	text-align: justify;
	background:transparent url(/images/startpage/login_background.jpg) repeat-y scroll left top;
	float:right;
	
}
.startpagefull{
	background: #ffffff url(/images/startpage/header_shadow.jpg) repeat-x;
	float: left;
	text-align: justify;
	background-color:#ffffff;
	float:left;
	padding-top: 15px;
}	
#footerstart {
	text-align: center;
	color: #666;
	background-color:#C6C5C0;	
	height:30px;
	padding-top:15px;
}
#contentstart {
padding: 0 0px 0 0px;
}
.formlogin {
	padding-right: 5px; DISPLAY: block; float: left; WIDTH: 100px; text-align: right;color:#C6C5C0;
}
/*Login box*/
.login_full
{
	background:transparent url(/images/startpage/login_background.jpg) repeat-y scroll left top;
	border:1px solid #CCCCCC;
	float:left;
	margin:0px 0 0px 0px;
	width:178px;	
}
.boxtop 
{
	padding:.5em 10px .4em 10px; 
	background:#BABABA url(/images/startpage/box_top.jpg) repeat-x scroll left top;	
	color:#333333; 
	font-size: 1em;
	font-weight: normal;
	font-family:Arial,Helvetica,sans-serif;
}
.boxtop h2{font-size: 1em;}
.login_box
{	
	padding:1px 10px;
}
.login_box label
{
	font-size:0.9em;
	margin:0 0 0.1em;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	
}
.login_box input
{
	border:1px solid #999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	
}

.datalist {
	float: left;
	width: 80%;
	margin: 0 10px;
	padding: 1% 3%;
	
}

.datalist ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.datalist li {
	margin-bottom:2px;
	list-style-type: square;
	color: #7484bf;
}

.lefttable{
	background-color:transparent;
	background-image:url(/images/toptable_left.gif);
	background-repeat:no-repeat;
	width:8px;
}
.centertable{
	background-color:transparent;
	background-image:url(/images/toptable_center.gif);
	background-repeat:repeat-x;
	padding-top:10px;
}

.righttable{
	background-color:transparent;
	background-image:url(/images/toptable_right.gif);
	background-repeat:repeat-x;
	width:8px;
}
.button_left{
	background-color:transparent;
	background-image:url(/images/button_left.gif);
	background-repeat:no-repeat;
	width:5px;
}
.button_center{
	background-color:transparent;
	background-image:url(/images/button_center.gif);
	background-repeat:repeat-x;
	color: Blue;
	font-size:11px;
}
.button_right{
	background-color:transparent;
	background-image:url(/images/button_right.gif);
	background-repeat:no-repeat;
	width:5px;
}



.leftcornertop{
	background-color:transparent;
	background-image:url(/images/table/cornertop_left.gif);
	background-repeat:no-repeat;
	width:8px;
}
.centertop{
	background-color:transparent;
	background-image:url(/images/table/top_center.gif);
	background-repeat:repeat-x;
}

.rightcornertop{
	background-color:transparent;
	background-image:url(/images/table/cornertop_right.gif);
	background-repeat:no-repeat;
	width:8px;
}
.sideleft{
	background-color:transparent;
	background-image:url(/images/table/left.gif);
	background-repeat:repeat-y;
	width:8px;
}

.sideright{
	background-color:transparent;
	background-image:url(/images/table/right.gif);
	background-repeat:repeat-y;
	width:8px;
}

.leftcornerbottom{
	background-color:transparent;
	background-image:url(/images/table/cornerbottom_left.gif);
	background-repeat:no-repeat;
	width:8px;
}
.centerbottom{
	background-color:transparent;
	background-image:url(/images/table/bottom_center.gif);
	background-repeat:repeat-x;
}

.rightcornerbottom{
	background-color:transparent;
	background-image:url(/images/table/cornerbottom_right.gif);
	background-repeat:no-repeat;
	width:8px;
}
/*Tabs styles*/
/*semantic tabs*/
ul.semtabs {
  margin:0 auto;
  clear:both;
  border-bottom: 4px solid #4c77b3;
  height:25px;
  list-style:none !important;
}
ul.semtabs li {
  float:left;
  height:30px;
  display:block;
  margin:0 !important;
  background-image:none;
  border-left: 1px;
  border-left-style: inset;
}
ul.semtabs li a {
/*  height:15px;*/
  line-height:15px;
  display:block;
  padding: 10px 10px;
  text-decoration:none;
  font-weight:bold;
  background-color:#e6eeee;
}
ul.semtabs li.active a {
  background-color: #4c77b3;
  color: #fff;
}



/*end semantic tabs*/


.segHeadertr {
background-color: #d0def5;
color:#0000FF;
padding:2px;
text-align: center;
}
.segHeadertd {
}

.segTitletr {
}
.segTitletd {
	width:120px;
padding:2px;
background-color:#CCCCCC;
color:#333333;
}

.segElemtd{
	font-weight: bolder;

}

.segnewElemtd{
	font-weight: bolder;
	font-size: large;
}
