/*	GLOBAL RESET ********* */
* { font-family: verdana,helvetica,arial,sans-serif; }
HTML {height:100%; border:none; margin:0; padding:0;}
BODY { margin:0; padding:0; text-align:center; height:100%; border:none; line-height:1.6em;background: #E4E4E4 url(../images/redzone/rd_bg.png) no-repeat; background-position:center top; }
BODY, DIV, TABLE, TD, TH, P { font-size: 10pt;}
IMG, A IMG { border:none; }

H1, H2, H3, H4, H5, DT { font-weight: bold; color: #666; line-height: 1.3em; }
H1 { font-size: 130%; }
H2 { font-size: 120%; }
H3 { font-size: 110%; }
H4, .message { font-size: 100%; }
H1 EM {color:#c00;font-style:normal; font-size:inherit; }

TABLE, TABLE TD {border-color:#333 !important; border-collapse:collapse;}

A { text-decoration: none; color: #6C6D65; }

FORM { margin: 0 0; padding:0 0; }
INPUT, LABEL, SELECT {margin: 2px 0; }
SELECT, OPTION { padding: 0px; color: #5E5651; font-size: 100%;}
IMG { border: none; }
.no-border INPUT, INPUT.no-border {border:none !important; vertical-align:middle;}

/*	FIX FOR CONTAINERS ********* */
.clearfix:after { clear: both; content: "."; display: block; height: 0pt; visibility: hidden; }
.clearfix { }
* html .clearfix { height: 1%; }
.clearfix { display: block; width: 100%; }

/*	CONTAINERS ********* */
	#wrapper {width: 940px; margin:0 auto; text-align:left; padding-top:30px; }
		#header { height: 89px; background:url(../images/redzone/MainWrapperBackGroundSprite.png) no-repeat; position:relative;}
			#header #headermenu { position:absolute; right:37px; top:35px; color:#666; font-size:90%;}
		#wrapperContainer {background: url(../images/redzone/MainWrapperBackGroundSprite.png) repeat-y -940px top;} 
		#footer { height: 50px; background:url(../images/redzone/MainWrapperBackGroundSprite.png) no-repeat -1880px bottom;}
			#footer #footermenu { padding:15px 0 0 37px; font-size:80%; color:#666; }
		#middle { min-height:400px; width:866px; background-color:#fff; margin:0 auto; border-bottom:1px solid #ddd; padding: 0 0 20px 0;}
			#content-area { border-top:1px solid #eee; padding-left:300px; background:url(../images/redzone/banner_large_round.png) no-repeat 0px 15px; min-height:250px; }

/********************************************************* Article *************************************************/
.singlePageWraper {border-top:1px solid #eee; padding: 0px;min-height:250px; }
.singleImageRedWiFiFly {background: url(../images/redzone/banner_large_round.png) no-repeat; height: 180px; width: 300px; float: left; margin-top: 20px;}

.lang-selector { position:absolute; right:35px; top:10px; }
	.lang-selector A { color: #C00027; text-align: center; background-color:#fff; border:1px solid #fff; padding:1px 1px; margin:0 2px; display:inline-block; }
	.lang-selector A.active { background-color:#fff; border:1px solid #C00027; }

.msg-warn { background:#eee url(../images/icons/messagebox_warning.png) no-repeat; margin:10px 0 !important; padding:5px 10px 5px 60px; background-position:5px 2px; border:2px solid #B1B3B4; }

.info-table { }
.info-table TH { vertical-align: top; text-align: left; background-color:#eee; color:#333;}
.info-table TD { padding: 4px 4px; vertical-align: top; font-size: 100%; }
.info-table .even TD { background-color: #efefef; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; }
.info-table .header TD { font-weight: bold; text-align: left; color: #909090; border-bottom:2px solid #909090; }

DIV.article { }
DIV.article, DIV.article P, DIV.section { }
DIV.article P { margin: 0 0 15px 0; color:#333;}
DIV.article TABLE TD { font-size: 100%; }
DIV.article A, DIV.article A FONT { text-decoration: underline; color:#9E0021 !important; }
DIV.article A:hover, DIV.article A:hover FONT { text-decoration: underline; }
DIV.article P A, DIV.article P A FONT { text-decoration: underline; }
DIV.article H4 { margin: 20px 0 3px 0; }

/* FORMS ********* */
	.error {}
		.error, .error * { font-size: 11px !important; font-weight: bold; color: #C00027 !important;  }
		.error UL { margin:0 0 10px 15px; padding:0 0; }
		
	.form {}
		.form TD { padding:2px 5px; }
		.form .title { color:#999; padding-bottom:20px;}
		.form LABEL { color:#666; font-size:100%; }
		.form INPUT, .form TEXTAREA { border:1px solid #999; font-size:100%; }
		
	.btn-go { height:25px; width:41px; background: transparent url(../images/redzone/go_0.gif) no-repeat; display:block; border:none; }
	.btn-go:hover { background: transparent url(../images/redzone/go_1.gif) no-repeat;}
	.btn-clickhere { font-size:10px; font-weight:bold; color:#09c; line-height:1.8em;}
	.btn-clickhere:hover { color:#C00027; }
	.btn-go-HotSpot {position: absolute; top: 140px; right: 10px;}

	DIV.input { height:24px; padding:0 5px 0 0; background: url(../images/redzone/textfield_end_bg.gif) no-repeat; background-position:right center; }
		DIV.input DIV.content { height:24px; background:url(../images/redzone/textfield_bg.gif) no-repeat; background-position:left center; margin:0 0;}
		DIV.input INPUT, DIV.input SELECT { height:20px; border:none; font-size:14px; color:#333; margin:2px 0 0 5px; background-color:transparent; }

	DIV.selector {background: url(../images/redzone/arrowDropDown.gif) no-repeat; background-position:right center; }

/* AJAX CONTROS ********** */
	DIV.dd-panel { cursor: default; font-size:12px; background-color:#fff; border:1px solid #ccc;}
		DIV.dd-panel A { display: block; text-decoration: none; cursor: pointer; padding: 1px 3px; white-space: nowrap; line-height:1.6em; }
		DIV.dd-panel A:hover { background-color: #C00027; color: #fff; padding: 1px 3px; }

/* HOMEPAGE ********* */
	.hot-link {position:relative; width:275px; height:55px;}
		.hot-link DIV { color:#fff; font-size:110%; font-weight:bold; padding:4px 0 4px 70px; line-height:1.2em; }
		.hot-link DIV.learnmore {position:absolute; bottom:0; left:0px; color:#fff; font-size:80%; color:#fff;}
		
.SectionLoginButton {width: 264px; height: 58px; background: url(../images/redzone/SectionLoginButton.png);background-repeat: no-repeat; margin-bottom: 4px;position: relative;}
.SectionLoginButtonBoingo {background: url(../images/redzone/SectionLoginButtonBoingo.png);} 
.SectionLoginButton h3 {margin: 10px 10px 0px 10px;position: absolute;color: #09c;line-height: 1.2em;font-size: 12px;}	
.SectionLoginButton a {position: absolute;top: 28px;right: 10px;width: 90px;height: 24px;background: url(../images/redzone/LoginButton.png);background-repeat: no-repeat;text-align: center;padding-top:2px;}	
.SectionLoginButton a:hover {background: url(../images/redzone/LoginButtonHover.png);background-repeat: no-repeat;}

/******************************************* Payment ***********************************************/
#content-areaPayment { border-top:1px solid #eee; min-height:250px;width: 460px;}
.payTableGrid {width: 460px;}
.payTableGrid td h3 {font-size: 12px !important;}
.MandatoryStar {color: #CC0000;margin-right: 5px;margin-left: 5px;}
.priceRowNewOffer td {font-weight: bold;color: #000099;}

.payTable {width: 100%;}
.payTable td {font-size: 12px; padding-bottom:3px;}
.payTable td.payTableCellLeft {width: 195px;}
.wizardNavigationSection {border-color: #dEdEdE !important;border-style: solid;border-width: 1px 0px 0px 0px;width: 460px;margin-top: 30px;}
.payTable .dropDown {width: 253px;}
.payTable .dropDownWidthAuto {width: 124px;}
.payTable .ccTextBox {width: 250px;border: 1px solid #707070;height: 18px;}
.payTable .pin {border: 1px solid #C4C4C4;font-weight: bold;background-color: #F0F0F0;}
.payTable .pin td {height: 50px;}

/********************************************Hotel********************************************/
.hotel table td {font-size: 14px;}
.hotel .info {font-weight: bold;padding-bottom: 15px;}

/******************************************* Buttons ***********************************************/
.btn, .btnNext, .btnBack {float: left;clear: both;background: url(../images/Buttons/GenericButtonSideShowLeft.png) no-repeat left;padding: 0px;margin: 5px 0;}
.btn:hover, .btnNext:hover {background: url(../images/Buttons/GenericButtonSideShowLeftHover.png) no-repeat left;}
.btn input, .btnNext input, .btnBack input {background-position: right;border-style: none;border: 0px;height: 30px;background: url(../images/Buttons/GenericButtonSideShowRight.png) no-repeat right;line-height: 30px;padding: 0px;color: #4A4A4A;text-decoration: none;text-align: center;cursor: pointer;font-size: 15px;font-weight: bold;}
.btn input:hover, .btnNext input:hover, .btnBack input:hover {color: #363636;background: url(../images/Buttons/GenericButtonSideShowRightHover.png) no-repeat right;}

.btnNext input {background: url(../images/Buttons/GenericButtonSideShowNextRight.png) no-repeat right;}
.btnNext input:hover {background: url(../images/Buttons/GenericButtonSideShowNextRightHover.png) no-repeat right;}
.btnBack {background: url(../images/Buttons/GenericButtonSideShowBackLeft.png) no-repeat left;}
.btnBack:hover {background: url(../images/Buttons/GenericButtonSideShowBackLeftHover.png) no-repeat left;}

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


/******************************************* Resellers **********************************************/
/******************************************* Sections ***********************************************/
.tableMiddle
{
	border: 0px;
}

.tableMiddle .SectionLeft, .tableMiddle .SectionMiddleWithRight
{
	height: 500px;
	overflow: auto;
}
.tableMiddle .SectionLeft
{
	width: 200px;
}

.tableMiddle .SectionMiddleWithRight
{
	width: 640px;
}

/********************************************GeneralMessage********************************************/
.generalMessageError {background-color: #FF7D7D;background-image: url(../images/BackGroudMenuDefault.png);background-repeat: repeat-x;border: 3px solid #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #FF7D7D;}
.generalMessageSuccess {background-color: #426182;background-image: url(../images/BackGroudMenuDefault.png);background-repeat: repeat-x;border: 1px solid #BEB9AD;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #F3F3F3;}

/*****************************************Login********************************************/
.divLoginStatus {float: right;position: absolute;right: 37px;top: 60px;color: #000053;font-weight: bold;}
.divReseller {border-top: 1px solid #ddd;margin: 0px;padding-top: 10px;}
.divLogin {position: relative;height: 280px;width: 100%;}

.loginControl {top: 45%;left: 30%;position: absolute;border: 1px solid #D2D2D2 !important;background-image: url(../images/redzone/textBg.jpg);background-repeat: repeat-x;background-position: bottom;}
.loginControl table {width: 300px;margin: 20px 20px 25px 20px;}
.loginTextBox {float: right;width: 200px;}
.loginCheckBoxKeepMeLoggedIn input {border: 0px;}

/*****************************************Frame********************************************/
.frame
{
	width: 100% ! important;
	height: 100% !important;
	margin-bottom: 0px;
}
.frame TR TD.hl, .frame TR TD.hr
{
	height: 20px !important;
	color: #003366;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/FrameHeaderDefault.png) no-repeat;
	font-family: 'Times New Roman';
}
.frame TR TD.hl
{
	width: 7px;
	background-position: left top;
}
.frame TR TD.hr
{
	background-position: right top !important;
}
.frame TR TD.bl
{
	width: 7px;
	background: url(../images/FrameBottomSimple.png) no-repeat;
	background-position: left bottom;
}
.frame TR TD.br
{
	background: url(../images/FrameBottomSimple.png) no-repeat;
	background-position: right bottom;
	padding: 7px 7px 7px 0;
	vertical-align: top;
	overflow: hidden;
}

/********************************************Acordeon********************************************/
.accordionHeader {background-color: #426182;background-image: url(../images/BackGroudMenuDefault.png);background-repeat: repeat-x;border-top: none;border: 1px solid #2F4F4F;color: white;background-color: #2E4d7B;font-size: 15px;font-weight: bold;padding: 4px;margin-top: 4px;cursor: pointer;}

.accordionContent {background-color: #51769F;border-top: none;padding: 5px;padding-top: 10px;color: #FFFFFF;font-size: 12px;font-family: Arial, Helvetica, sans-serif;border-style: none solid solid solid;border-width: 1px;border-color: #2F4F4F;}

.accordionLink {color: #FFFFFF;}

/********************************************CollapsiblePanel********************************************/
.collapsePanel {overflow: hidden; width: 100%; text-align: left;}

.collapsePanelHeader {width: 100%;height: 25px;background-image: url(../images/BackGroudMenuDefault.png);background-repeat: repeat-x;color: #FFFFFF;font-weight: bold;font-size: 15px;}

/********************************************Grids********************************************/
.gridInfo-table
{
	width: 620px;
}
.gridInfo-table TR TD
{
	padding: 4px 3px !important;
	vertical-align: top;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	background-color: #DFE6EC;
}
.gridInfo-table TR.alternating TD
{
	background-color: #B0BECE;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #d3d3d3;
	vertical-align: top;
	border-top-color: #A0A0A0;
	border-bottom-color: #A0A0A0;
}
.gridInfo-table TD A
{
	text-decoration: underline;
}
.gridInfo-table .header TH, .gridInfo-table .header TD
{
	padding: 4px 4px;
	font-weight: bold;
	text-align: left;
	color: #003366;
	border-bottom: 2px solid #909090;
	vertical-align: top;
	text-align: center;
	border-bottom-color: #3A3A3A;
}

/********************************************TextBox********************************************/
.textBox {border: 1px solid #003366;background-color: #708AA8;background-image: url(../images/BackGroudMenuTransparentDefault.png);background-repeat: repeat-x;font-size: 14px;color: #FFFFFF;width: 250px;height: 17px;}

/********************************************Label********************************************/
.label {font-size: 14px;color: #003366;}

/********************************************Button********************************************/
.button {height: 25px;background-image: url(../images/BackGroudMenuDefault.png);background-repeat: repeat-x;font-weight: bold;font-size: 14px;color: #FFFFFF;width: 120px !important;background-color: #0000BB;}
.button:hover {background-image: url(../images/BackGroudMenuTransparentDefault.png);}

/********************************************DropDownList*********************************************/
.dropDownList {border: 1px solid #003366;height: 21px !important;font-size: 12px;color: #FFFFFF;width: 255px !important;background-color: #879EB6;}

.dropDownListView {border: 1px solid #003366;height: 21px !important;font-size: 12px;color: #003366;width: 120px !important;background-color: #879EB6;}

/****************************************** Hotel *********************************************/
#wrapper .hotel {}
#wrapper .hotel #header {height: 78px;}
#wrapper .hotel #header .hotelLogo {padding-top: 8px;}

/******************************************** CSS ********************************************/