
BODY
{
	font-size: 11px;
	margin: 0px;
	background-color: white;
	font-family: sans-serif,arial,helvetica;
	line-height: 15px;
}
TD
{
	FONT-SIZE: 11px;
	FONT-FAMILY: sans-serif,arial,helvetica;
}
INPUT
{
	FONT-SIZE: 11px;
	FONT-FAMILY: sans-serif,arial,helvetica;
	color : #333333;

}
TEXTAREA
{
	FONT-SIZE: 11px;
	FONT-FAMILY: sans-serif,arial,helvetica;
	color : #333333;
}
.popup_body
{
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
}

.formfield
{
	FONT-SIZE: 11px;
	FONT-FAMILY: sans-serif,arial,helvetica;
	color : #333333;
	padding-left : 3px;
	padding-bottom : 2px;
	padding-top : 2px;
	height : 20px;
}
SELECT
{
    FONT-FAMILY: sans-serif,arial,helvetica;
	FONT-SIZE: 11px;
	color : #333333;
}
A:hover
{
	color: #003c79;
	text-decoration: underline;
}
A
{
	TEXT-DECORATION: underline;
	color: 	 #003c79;
}
 
.flaglink A
{
	text-decoration: none;
	color: Black;
}

.flaglink A:hover
{
	text-decoration: none;
	color: Black;
}

.navigation
{
	FONT-SIZE: 11px;
	FONT-FAMILY: sans-serif;
	color : #ECECEC;
}
.navigation A
{
	TEXT-DECORATION: none;
	color : #ECECEC;
}
.navigation A:hover
{
	TEXT-DECORATION: none;
	color : #ECECEC;
}

.copyright
{
	FONT-SIZE: 10px;
	FONT-FAMILY: sans-serif;
	color : #ECECEC;
}
.smalltext
{
	FONT-SIZE: 10px;
}



.sidebartext
{
	FONT-FAMILY: sans-serif,arial,helvetica;
	color : #999999;
	line-height : 8px;
	cursor : default;
}
.sidebartext A
{
	color : #999999;
	cursor : pointer;
}
.bodytext
{
	FONT-SIZE: 12px;
	FONT-FAMILY: arial;
	color : #333333;
}
.homepagetext
{
	FONT-SIZE: 12px;
	FONT-FAMILY: arial;
	color : #333333;
	line-height : 18px;
}
.homepagedescription
{
	line-height : 16px;
}
.description
{
	line-height : 14px;
}

.pageheader
{
	FONT-FAMILY: georgia,arial;
	FONT-SIZE: 12px;
}
.sectionheader
{
	FONT-FAMILY: sans-serif,arial,helvetica;
	FONT-SIZE: 11px;
}
.reservation_table
{
	PADDING-TOP: 1px;
	PADDING-LEFT: 2px;
	BORDER-BOTTOM: 1px solid #cccccc;
	HEIGHT: 30;
}
.reservation_price
{
	BORDER-BOTTOM: 1px solid #cccccc;
}
.gray_outline
{
	BORDER-BOTTOM: 1px solid #cccccc;
	BORDER-TOP: 1px solid #cccccc;
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-LEFT: 1px solid #cccccc;
}

.error
{
	font-weight: bold;
	color: red;
}

.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
}

.main_table
{
	margin-top: 30px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 40px;
	width: 930px;
	padding-top: 10px;
	background-color: #ffffff;
}
.thumbnail_table
{
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 40px;
	width: 930px;
	padding-top: 10px;
	background-color: #ffffff;
}


.popup_table
{
	border-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: 0px;
	padding-top: 10px;
	border-bottom: 0px;
	background-color: #ffffff;
	width: 450px;
	margin-left: 40px;
	margin-top: 30px;

}
.info_table
{
	width: 675px;
}

.big_info_table
{


	margin-right: 0px;
	width: 900px;
}


.sidebar_table
{
	width: 200px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}

.side_form_table
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 325px;
	padding-top: 0px;
}


.form_table
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	width: 100%;
	border-bottom: black 1px solid;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.form_table_header
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-weight: bold;
	font-size: 13pt;
	color: #666699;
	border-collapse: collapse;
	background-color: #ececec;
	text-align: center;
}

.form_table_inner
{
	margin: 10px;
}
.page_title
{
	font-weight: bold;
	font-size: 13pt;
	color: #666699;
}

.page_subtitle
{
font-size: 11pt;
	color:#003c79;
}

.page_subtitle2
{
	font-weight: bold;
	font-size: 11pt;
	color:#9999CC;
}
.instructions
{
	color: gray;
}

.form_label
{
	padding-right: 0px;
	font-weight: bold;
}

.form_label_pref
{
	padding: 0px 25px 0px 5px;
	font-weight: bold;
}

.seperator_line
{
}

.footer_style
{
	width: 1001px;
	font-weight: normal;
	color: black;
	font-size: 7pt;
}

.admin_table
{
	border-right: black 1px solid;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	padding-top: 0px;
	border-bottom: black 1px solid;
	border-collapse: collapse;
}


.header_table
{
	border-bottom: thin solid;
	border-collapse: collapse;
}

.pricing_table
{
	border-collapse: collapse;
}

/* JOHN"S CSS ######################### */

.contenttable
{
	width: 1000px;
	background-color:#FFFFFF;
    padding: 0px 0px 0px 30px;
	
}

.contentcolumnleft
{
	width: 660px;
	background-color:#ffffff;
	padding-right:0px;
	vertical-align:top;

}
.contentcolumnright_inner
{
	background-color:#c6d5e6;
	width : 340px;
	vertical-align:top;
	padding: 10px 10px 0px 10px;
}

.contentcolumnright
{
	background-color:#ffffff;
	width : 340px;
	vertical-align:top;
}

.homeservices
{
	width: 100%;
	background-color:#999999;
}

.rightcolumnbox_inner {
background-color:#f0f0f9;
border: solid 1px #000000;
width:320px;
}

.rightcolumnbox {
background-color:#f0f0f9;
border: solid 1px #000000;
width: 275px;
}

.planbox {
border: solid 1px #666699;

}
.servicebox {
border: solid 1px #666699;
vertical-align: top;
}

.rightcolumnboxHeader {
	background-color:#CCCCCC;
	background-image: url(images/bgHeaderRightBox.gif);
	text-align: center;
	padding: 2px 0px 0px 0px;
	margin: 0;
	height:32;
	font-size: 12px;
	font-weight: bold;
	color: #666699;
	vertical-align: top;
	letter-spacing: 2px;
}
h3.rightcolumnboxHeader{
	padding: 3px 5px 7px 5px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #666699;
	text-align: center;
}


.bodyHeader {
	background-color:#ffffff;
	background-image: url(images/bgHeaderBodyBox.gif);
	text-align: left;
	padding: 0px;
	margin: 0;
	height:32;

	font-size: 12px;
	font-weight: bold;
	color: #666699;
	vertical-align: top;
	letter-spacing: 2px;
	background-repeat: repeat-x;
	background-position: top;
	
}
h3.bodyHeader {
	padding: 3px 0px 7px 5px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #5C5C8A;
}
.planHeader {
	background-color:#ffffff;
	background-image: url(images/bgHeaderPlanBox.gif);
	text-align: left;
	padding: 0px;
	margin: 0;
	height:32;
	font-size: 12px;
	font-weight: bold;
	color: #5C5C8A;
	vertical-align: top;
	letter-spacing: 2px;
	background-repeat: repeat-x;
	background-position: top;
	
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #666699;
}

h3.planHeader {
	padding: 3px 0px 7px 5px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #5C5C8A;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #666699;}

h3.selector {
	font-size: 12px;
	font-weight: bold;
	color: #666699;
	padding:0;
	margin:0;
}

p {
padding: 0px 5px 5px 5px;

}

.subtab_table
{
	width: 669px;	
}
	  
/*- Menu Tabs B--------------------------- */

    #tabsB {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

.tabsline {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666699;
	border-right-color: #666699;
	border-bottom-color: #666699;
	border-left-color: #666699;
}

.tinytext {
font-size:10px;
color:#000000
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #666699;
}

.tinytextBrowser {
	/*font-size:10px;*/
	vertical-align: top;
}


.greyLineRepeat {
	background-image: url(images/line_grayRepeat.gif);
	background-repeat: repeat-x;
	padding: 0px 4px 0px 4px;	
}

.selectTableHeader {
	background-image: url(images/table_header_gradient.jpg);
	height:38px;
	background-repeat: repeat-x;
}

.tinytextHeader {
	padding: 7px 3px 2px 3px;
	font-size:10px;
	color:#000000;
	white-space: nowrap;
	vertical-align: top;
}

.day { 
background-color: #C3C3D0;
} 
.month { 
background-color: #D0C3D0;
}
.monthSS {
background-color: #C9D0C3;
} 
.year { 
background-color: #A49789;
} 
.bottmLine {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
}
.redtext {
color: #FF0000;
}

.browserSelectOff
{
	display:block;
	overflow:hidden;
	font-size: 10px;
	color: #333333;
	background-color:#5a6ca2;
	padding:0px 2px 0px 2px;
	border-right: 1px solid #5a6ca2;
	border-left: 1px solid #8596ca;
	border-top: 1px solid #8596ca;
	border-bottom: 1px solid #5a6ca2;
	vertical-align: middle;
	background-image: url(images/selectorbgup.gif);
	background-repeat: no-repeat;
	width: 50px;
	cursor:pointer;
}

.browserSelectOn 
{
	background-color:#5a6ca2;
	padding:0px 2px 0px 2px;
	vertical-align: middle;
	display:block;
	overflow:hidden;
	font-size: 10px;
	color: #fff;
	border-right: 1px solid #5a6ca2;
	border-left: 1px solid #8596ca;
	border-top: 1px solid #8596ca;
	border-bottom: 1px solid #5a6ca2;
	background-image: url(images/selectorbgdown.gif);
	background-repeat: no-repeat;
	width: 50px;
	cursor:pointer;
}

.browserSelectTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-collapse: collapse;
	border-bottom-style: none;
}

.selectorTable {
border-collapse:collapse;
}

.browserSelectTable_Cell
{
	width : 36px;
}


td.optionsLine {
	padding: 2px 4px 2px 4px;
	
}

.thumbnail_table
{
	margin-top: 0px;
	margin-right: 2px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
	width: 750px;
	padding-top: 2px;
	background-color: #ffffff;
}
/*
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
*/
#selector {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  /*border-bottom:1px solid #F4B7D6;*/
      }
    #selector ul {
	  margin:0;
	  padding:2px 2px 0px 2px;
	  list-style:none;
      }
    #selector li {
	display:table;
	margin:0;
	padding:0;
	white-space: nowrap;
      }
    #selector a {
      float:left;
      background:url("selectorleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #selector a span {
      float:left;
      display:block;
      background:url("images/selectorright.gif") no-repeat right top;
      padding:2px 5px 2px 2px;
      color:#666699;
	border-bottom:1px solid #b6bbd8;
		margin-bottom: 2px;
		margin-right: 2px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #selector a span {float:none;}
    /* End IE5-Mac hack */
    #selector a:hover span {
      color:#C7377D;
      }
    #selector a:hover {
      background-position:0% -21px;
      }
    #selector a:hover span {
      background-position:100% -21px;
      }  

.smalltextline
{
	FONT-SIZE: 10px;
border-bottom: 1px solid #5a6ca2;
padding:0px 3px 0px 3px;
}

.captureHeaderL {
background-image:url(images/captureHeaderL.gif);
background-color:#eeeeee;
	FONT-SIZE: 10px;
border-bottom: 1px solid #5a6ca2;
padding:0px 3px 0px 3px;
height:20px;
}
.captureHeaderR {
	background-image: url(/images/captureHeaderR.gif);
	background-color:#eeeeee;
	FONT-SIZE: 10px;
	border-bottom: 1px solid #5a6ca2;
	padding:0px 3px 0px 3px;
	background-repeat: no-repeat;
	background-position: right;
	height:20px;
}

.smalltextnote
{
	FONT-SIZE: 10px;
padding:0px 3px 0px 3px;
}
.bline{
border-bottom: 1px solid #5a6ca2;}
.tline{
border-bottom: 1px solid #5a6ca2;}

.captureBg {
background-image: url(/images/captureShadow.gif);
width:210px;
height:160;
vertical-align:top;
}
.form_label_pref
{
	padding: 0px 25px 0px 5px;
	font-weight: bold;
}
hr
{
	height: 1px;
}
/* CSS container shadow */
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}

	#shadow-container .shadow2 {
		background: #DBDADB;
	}

	#shadow-container .shadow3 {
		background: #B8B6B8;
	}

	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 0px;
	}
/* CSS container shadow */

.iptable {

border: 1px solid #cccccc;}


.selectTableHeader {
	background-image: url(images/bgHeaderBodyBox.gif);
	height:32px;
	background-repeat: repeat-x;

}
.returnbox {
border:#000000 solid 1px;
}


.green {
color:#54B948;

}
.extendedTableText {
padding: 3px;

}
.extendedTableHeader {
background-image: url(images/bgHeaderBodyBox.gif);
	height:32px;
	background-repeat: repeat-x;
padding: 0px 3px 0px 3px;

}

.green {
color:#54B948;

}
.extendedTableText {
padding: 3px;

}
.extendedTableHeader {
background-image: url(images/bgHeaderBodyBoxsm.gif);
	height:32px;
	background-repeat: repeat-x;
padding: 0px 3px 0px 3px;

}
.extendedTableHeaderBord {
background-image: url(images/bgHeaderBodyBoxsm.gif);
	height:25px;
	background-repeat: repeat-x;
padding: 0px 3px 0px 3px;
font-weight:bold;
}

.extendedTableHeaderBord TD
{	
	white-space:nowrap;
}


.ver6_table_header_dark_gray
{
	background-color: #6f6c6c;
	font-weight: bold;
	font-size: 10pt;
	color: white;
	padding-right: 10px;
	padding-left: 5px;
}

.ver6_table_header_dark_gray_lefticon
{
	background-color: #6f6c6c;
	font-weight: bold;
	font-size: 10pt;
	color: white;

}

.ver6_table_entirecontent_dark_gray
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 230px;
	height: 500px;
	vertical-align: top;
}

.ver6_table_entirecontent_light_gray
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
}

.ver6_table_entirecontent_light_gray_rc
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	vertical-align: top;
}
.ver6_entire_table_layout
{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	width: 225px;
}

.ver6_table_header_light_gray
{
	background-color: #cccccc;
	font-weight: bold;
	font-size: 10pt;
	color: #424040;
	padding-right: 10px;
	padding-left: 5px;
}

.ver6_table_header_light_gray_lefticon
{
	background-color: #cccccc;
	font-weight: bold;
	font-size: 10pt;
	color: #424040;
}
.datePicker
{
        background:transparent url(/images/calendar.gif) no-repeat scroll right center;
        background-color:white;
        border:1px solid #999999;
        width:140px;
        cursor:pointer;
        cursor:hand;
}

.ver6_title
{
	font-size: 12pt;
	font-weight: bold;
	color: #678800;
}

.ver6_title2
{
	font-size: 20pt;
	font-weight: bold;
	color: #678800;
	border-bottom: 1px solid black;
}

.ver6_whitelink
{
	color: White;
	text-decoration: underline;
	font-size: 7pt;
	
}
div.schedule 
{ 
	padding-left:10px;
	background-color:white;
	width:991px;
}

.ver6_fieldtitle
{
	font-weight: bold;
	color: #666666;
	line-height: 10px;
	padding-right: 15px;
	height: 20px;
}

.ver6_whitelink2
{
	color: White;
	text-decoration: underline;
	font-size: 16pt;
	font-weight:bold;
	
}


.ver6_whitelink2:hover
{
	color: #E0E9C4;
	text-decoration: underline;
	font-size: 16pt;
	font-weight:bold;
	
}

.description_style
{
	font-size:15px;	
}

.imagelink
{
	text-decoration: none;
	
}

.rc_table
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-collapse: collapse;
	border-bottom-style: none;
}






.testBoxes {
  padding:0px;
  height:290px;
  width:800px;
  margin-left:14px;
  overflow:hidden;
}

.testbox
{
  padding-right: 0px;
  padding-left: 0px;
  background: url(/images/box_tiler.gif) repeat-y;
  float: left;
  padding-bottom: 0px;
  margin: 30px 0px 12px 20px;
  margin: 0px;
  width: 800px;
  padding-top: 0px;
  position:relative;
}
.testbox H2
{
  padding-right: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 0px;
  margin: 0px;
  text-indent: 16px;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  height: 50px;
  text-align: left;
}

.testbox .subtitle {
  margin: 2px 4px 8px 14px;
  font-weight:bold;
}
.testbox .details {
  overflow:scroll;
  height:190px;
  padding: 0px 4px 4px 4px;
  width:760px;
  margin-left:0px;
  border: 1px solid #eeeeee;
/*  background:#eeeeee */
}
.testbox .ttitle {  
 
}
.testbox .last
{
	background: url(/images/box_bottom.gif) no-repeat left bottom;
	height:6px;
	padding:0px;
	margin: 0px;
}
.testbox .subtitle {
  margin: 2px 4px 8px 14px;
  font-weight:bold;
}


.green_en_EN H2
{
  background: url(/images/green_top_en_EN.gif) no-repeat left top;
  height:63px;
}

.orange_en_EN H2
{
  background: url(/images/orange_top_en_EN.gif) no-repeat left top;
  height:63px;
}
.red_en_EN H2
{
  background: url(/images/red_top_en_EN.gif) no-repeat left top;
  height:63px;
}
.grey_en_EN H2
{
  background: url(/images/grey_top.gif) no-repeat left top;
  height:63px;
}

.codeSnippet {
  overflow:scroll;
  height:200px;
  width:558px;
  margin-left:4px;
  font-size: 12px;
  font-family: "Courier New";
}

.codeSnippet span.tag {
      color: blue;
    }
.codeSnippet span.tagblock {
      display: block;
      padding-left:0.6em;
    }
.codeSnippet span.attribute {
      color: red; 
    }
.codeSnippet span.value {
      color: green;
    }


.PASS
{
  background: #91de16;
}
.WARN
{
  background: #fecd6a;
}
.FAIL
{
  background: #fc8161;
}
.COMMENT
{
  background: #989898;
}

.testline{
background: #CCCCCC;
height: 1px;
overflow: hidden;
width:770px;
text-align:center;
}

.testlink A
{
	text-decoration: none;
	color: Black;
}

.testlink A:hover
{
	text-decoration: underline;
}
