@import 'style.css';
@import 'menu.css';
body {
	margin: 0px;
	background: #5e5606 url('../images/Bg.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #291a17;
}
body.marinanet {
	background: #1f2954 url('../images/Bg.gif') repeat-x;
}
#LayoutContainer {
	width: 940px;
	margin: 0px auto;
}
#HeaderBgTop {
	background: url('../images/HeaderBgTop.gif') repeat-x;
	width: 960px;
	height: 130px;
	margin: 0px auto;
}
#LayoutContentContainer {
	position: relative;
	width: 946px;
	clear: both;
	background: #fff url('../images/LayoutContentContainerBg.gif') repeat-y;
}
#LayoutContentContainerLogin {
	position: relative;
	width: 946px;
	clear: both;
	background: url('../images/LayoutContentContainerBg.gif') repeat-y;
	margin-top: 48px;
}


#HeaderLogo {
	margin-left: 13px;
}

#HeaderLogo img{
	margin-left: 23px;
	
}

#LayoutTopLeft {
	position: absolute;
	left: 0px;

}
#LayoutTopLeftLogin {
	position: absolute;
	left: 0px;
}
#LayoutTopRightLogin {
	position: absolute;
  right: 0px;
}
#LayoutTopRight {
	position: absolute;
  right: 0px;
}
#LayoutBottomLeft {
	margin-top: -283px;
	position: absolute;
  left: 0px;
}
#LayoutBottomRight {
	margin-top: -283px;
	position: absolute;
  right: 0px;
}

#LayoutNavGradient {
	position: absolute;
  top: 0px;
	left: 21px;
	width: 904px;
  z-index: 1;
}
#Content {
	position: relative;
	margin-left: 30px;
	clear: both;
  z-index: 2;
  min-height:550px;
  height:auto !important;
  height:550px;
	width:890px;
}
#ContentLogin {
	padding-top: 110px;
}
#Footer {
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-bottom: 10px;
}
#Footer a {
	color: #fff;
  text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}




#DefaultSplash {
	width: 654px;
	float: left;
}

#DefaultSplashRight {
	float: left;
	width: 225px;
}
#DefaultSolutions {
	background: url('../images/DefaultSolutionsRight.gif');
  width: 225px;
  height: 91px;
}
#DefaultOperations {
	background: url('../images/DefaultOperationsRight.gif');
  width: 225px;
  height: 93px;
}
#DefaultSupport {
	background: url('../images/DefaultSupportRight.gif');
  width: 225px;
  height: 102px;
}
img {
	border: 0px;
}
#DefaultWelcome {
	height: 54px;
  width: 879px;
	
}
#DefaultSubheadingRight {
	width: 209px;
  height: 32px;
	background: url('../images/DefaultSubheadingRight.gif') no-repeat;
}
div#DefaultSubheadingRight h3 {
	font: bold 12px Tahoma;
	
}
#DefaultSubheadingLeft {
	width: 431px;
  height: 32px;
	background: url('../images/DefaultSubheadingLeft.gif') no-repeat;
}
#LoginSubheadingRight {
	width: 431px;
  height: 32px;
	background: url('../images/LoginSubheadingRight.gif') no-repeat;
}
#DefaultWelcomeLeft {
  float: left;
  width: 431px;
}
#DefaultWelcomeRight {
	margin-left: 15px;
	float: left;
  width: 209px;
}
#DefaultContentLeft, #DefaultContentRight {
	padding: 25px;
  padding-right: 15px;
	padding-top: 10px;
  padding-bottom: 10px;
  
}

.bullet {
	padding-right: 10px;
	margin: 0px;
  float: left;
  width: 4px;
}
.point {
	float: left;
  width: 160px;
}
.align {
		vertical-align: middle;
}
#DefaultContentLeft {
	background: #f8f8f9 url('../images/DefaultContentLeftBg.gif') no-repeat;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  padding: 15px;
}
#DefaultContentRight {
	background: #f8f8f9 url('../images/DefaultContentRightBg.gif') no-repeat;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  border-bottom: solid #e3e4e4 1px;
}
#OurCustomers, #WhatIsManagedAccess {
	margin-left: 3px;
}
#DefaultContentLeftBottom {
	background: url('../images/DefaultContentLeftBottom.gif') no-repeat;
  height: 7px;
  width: 431px;
}
#DefaultContentRightBottom {
	background: url('../images/DefaultContentRightBottom.gif') no-repeat;
  height: 5px;
  width: 209px;
}
#DefaultContentRight li {
  padding: 0px;
	margin: 0px;
}
#DefaultContentRight ul {
	padding: 0px;
  margin: 0px;
}
#DefaultWelcomeFreeQuote {
	margin-top: 11px;
  margin-left: 3px;
}
#TemplateTop {
	margin-left: 5px;
	background: url('../images/TemplateTop.png') no-repeat;
  height: 114px;
  width: 876px;
}
.Header {
	margin-top: 16px;
}




.faq {
	color: #827916;
  font-size: 11px;
  font-weight: bold;
}
.response {
	color: #827916;
  font-size: 11px;
 	font-style: italic;
}
#list {
	line-height: 20px;
}
.ContactUsButton {
	margin-top: 30px;
  margin-left: 20px;
}
#ContentMain ul {

}
#ContentMain a, #DefaultContentLeft a, #Terms a, #LoginContentRightBg a {
	text-decoration: none;
  color: #827916;
}
#ContentMain a:hover, #DefaultContentLeft a:hover, #Terms a:hover, #LoginContentRightBg a:hover {
	text-decoration: underline;
  color: #827916;
}
form {
	margin: 0px;
	
}
#LoginForm {
	margin: 0px;
	width: 350px;
}
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 125px;
  text-align: left;
  font-weight: bold;
  }

div.row span.formw {
  float: right;
  width: 255px;
  text-align: left;
} 

div.row span.contactw {
  float: right;
  width: 280px;
  text-align: left;
} 
div.row input {
	font-family: arial;
  font-size: 12px;
  width: 220px;
}
div.row select {
	font-family: arial;
  font-size: 12px;
  width: 223px;
}
#ButtonRegisterDetails {
	margin-top: 30px;
	margin-left: 210px;
}
#OfficeDetails {
	margin-top: 30px;
}

#LoginTop {
	margin-top: -2px;
	position: absolute;
	z-index: 1;
	margin-left: 3px;
  width: 941px;
}
.testimonial {
   margin-bottom:20px;
}
.testimonial span {   
	color: #827916;
  font-size: 12px;
  text-transform: uppercase;
  font-weight:bold;
  margin-top:8px;
  display:block;
}
#LoginHeader {
	margin-bottom: 20px;
}
#LoginLeft {
	width: 431px;
  float: left;
  margin-right: 15px;
}
#LoginRight {
	width: 431px;
  float: left;
}
#LoginContentBg {
	background: #f7f7f9 url('../images/LoginContentBg.gif') repeat-x;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  padding: 10px;
  padding-left: 20px;
  width: 399px;
}
#LoginContentRightBg {
	background: #f8f8f9 url('../images/LoginContentRightBg.gif') repeat-x;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  padding: 10px;
  padding-left: 20px;
}
#LoginContentBg .input, #LoginContentRightBg .input{
	width: 170px;
	border: #bdbdbd solid 1px;
}
#agreement {
	border: #bdbdbd solid 1px;
}
#ButtonLoginJoin {
	margin-top: 10px;
}
p.support {
	color: #999999;
  font-size: 9px;
}
#ButtonLogin {
	margin-top: 25px;
  border: 0px;
}
#NoticeAlertSubHeading {
	margin-top: 15px;
	width: 431px;
  height: 32px;
	background: url('../images/NoticeAlertSubHeading.gif') no-repeat;
}
#NoticeInformationSubHeading {
	margin-top: 15px;
	width: 431px;
  height: 32px;
	background: url('../images/NoticeInformationSubHeading.gif') no-repeat;
}

#Notice {
	margin-left: 2px;

}
#NoticesBg {
	width: 428px;
		background: #fff url('../images/NoticesBg.gif') repeat-x;
 		height: 1%;
    border-left: #e3e4e4 solid 1px;
    border-right: #e3e4e4 solid 1px;
}

#NoticeIcon {
	margin-left: 3px;
	width: 95px;
  float: left;
	
}
#NoticeText {
	margin-top: 15px;
	float: left;
	width: 250px;

}

TR#Heading {
        page-break-before: always;
}
h2#SiteName {
        position: absolute;
        color:white;
        z-index:200;
        left:720px;
        top:1px;
        font-size:36px;
}

@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
  #Navigation { display : none; }
  #LayoutTopLeft { display : none; }
  #LayoutNavGradient { display : none; }
  #LayoutTopRight { display : none; }
  #LayoutBottomLeft { display : none; }
  #LayoutBottomRight { display : none; }
  #LayoutFooter { display : none; }
  
}

/* datTable for styling only */
table.dataTable {
    margin: 0;
    padding: 0;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
}

table.dataTable th {
    margin: 0;
        border-right: 1px solid #999;
        border-top: 0px solid #999;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
        background: #ccc;
        font-weight: bold;
}

table.dataTable thead {
	background: #ccc;
}

table.dataTable td {
    margin: 0;
        border-right: 1px solid #999;
        border-top: 1px solid #999;
    padding: 0px 0px 0px 0px
}

table.dataTable tr {
	height: 10px;
}

/* This makes the scrolling table work */

div.scrollTableContainer {
        height: 685px;
	overflow: auto;
        width: 870px;
        margin: 0px 0 0 0;
        position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
        width: 870px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
	width: 870px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody      {
    overflow: auto;
    height: 600px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr       {
        position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


#editarea {
	height: 400px;
	overflow: auto;
}

#close {
        position: absolute;
        top: 0px;
        right: 4px;
}
div#popup {
        float: left;
        display: none;
        position:absolute;
        background: url('/images/popup.gif') repeat;
        height: auto;
        z-index: 10;
        border: 1px solid;
        margin: 1px;
}
div#popup ul {
        padding: 2px 20px 2px 10px;
        margin: 0px;
}
div#popup ul li {
        z-index: 12;
        padding: 1px;
        list-style-type: none;
}
div#popup ul li:hover {
        background: #FFFFFF;
}


/* Added by Georgie */

#DefaultWelcomeLeft {

  float: left;

  width: 431px;
  margin:0px;

}

#DefaultWelcomeRight {

	margin-left: 15px;

	float: left;

  width: 209px;

}

#DefaultWelcome {

	height: 54px;

  width: 879px;
  margin:0px;

	
}

#Content h3 {
		padding:10px;
		color:#fff;
		font-size: 14px;
		text-transform:uppercase;
}

#Student a.button { 
        background:url(/candy/image/btn-studentacc.jpg) repeat 0px 0px; 
        width: 189px; 
        height: 79px; 
        display: block; 
}

#Student a.button span { 
        display: none; 
}

#Student a.button:hover { 
        background: url(/candy/image/btn-studentacc.jpg) repeat 0px -79px; 
}

#Hotel a.button { 
        background:url(/candy/image/btn-hotels.jpg) repeat 0px 0px; 
        width: 189px; 
        height: 79px; 
        display: block; 
}

#Hotel a.button span { 
        display: none; 
}

#Hotel a.button:hover { 
        background: url(/candy/image/btn-hotels.jpg) repeat 0px -79px; 
}

#Marina a.button { 
        background:url(/candy/image/btn-marinas.jpg) repeat 0px 0px; 
        width: 189px; 
        height: 79px; 
        display: block; 
}

#Marina a.button span { 
        display: none; 
}

#Marina a.button:hover { 
        background: url(/candy/image/btn-marinas.jpg) repeat 0px -79px; 
}

#Student, #Marina, #Hotel {
margin:        10px;
}