@import url('base.css');
@import url('nav.css');
@import url('port.css');
body {
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
}
body * {
	text-align: left;
}

#container {
    width: 940px;
    margin: -1px auto -13px auto;
    position: relative;
}

#main ul li {
    list-style-type: square;
    list-style-image: url('img/li.png');
    margin-bottom: 0.2em;
    padding-right: 5px;
}

#hdr {
	height: 110px;
}
#header {
	height: 96px;
	background: url('img/bg_header.gif') bottom center repeat-x #fff;
	text-align: center;
}
#header_container {
	width: 940px;
	margin: auto;
	padding: 0;
}
#hdr_links {
	height: 32px;
	width: 540px;
	float: right;
	color: #ccc;
font-size: 11px;
	text-align: right;
	margin-top: 8px;
	margin-right:30px;
}
#google {
height: 40px;
text-align: right;
color: #ccc;
font-size: 11px;
padding-top: 4px;
}
/* Panes */
#ContentPane, #FullPane, #LeftPane {
	font: 1em/1.7em Georgia, 'Bitstream Vera Serif', serif;
}
#FullPane {
	margin: 0px 0 10px 0px;
	
}
.fpane_flash {
	height: 200px;
	background: url('img/water_bg.jpg') bottom center repeat-x;
}
#LeftPane {
	margin: 10px 0 10px 0px;  
  }
/* Side Panes */
.leftinfo_pane {
	padding: 2px 4px 4px 12px;
	background: #f1f1f1;
	border:1px solid #4ea4c7;
	margin-bottom: 10px;
	margin-top: 5px;
	display: block;
}
.lefthighlight_pane {
	padding: 2px 4px 4px 8px;
	background: #FAF8CC;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #D0D0D0;
	margin-bottom: 10px;
	display: block;
}
/*
div#BottomShadow {
padding-left: 20px;
clear: both;
background-color: transparent;
background-image: url(img/page_bottom-bg.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: right;
background-y-position: bottom;
}
#ContentPane img {
	padding: 10px;
	background: #646464;
	border: 1px solid #111;
	}*/
#ContentPane img.AlignLeft{
	float: left;
	margin: 0 15px 0 0;
}
/*#ContentPane a:link img, #ContentPane a:visited img, #ContentPane a:active img {
	background: #646464; 
	color: green;
	border: 1px solid #111;
}*/
/*========================================================*/
/*   Text                                               */
/*========================================================*/

/*-- most of the text on site     --*/     .normal, .Normal, ol, ul, li { font: 1.1em/1.7em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626; }  
/*-- most of the bold text on site     --*/ .NormalBold { font: .95em/1.5em "Trebuchet MS", Trebuchet, arial, sans-serif; font-weight:bold; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}


/*==========================================================*/
/*  End DNN Specific - start Sign Up page css              */
/*==========================================================*/
table.signup th.side div.nubbin_region div.nubbin {
    display: none;
    width: 0;
    height: 0;
    position: relative;
}

table.signup th.side div.hover div.nubbin {
    display: block;
    cursor: pointer;
}

table.signup th.side div.nubbin div.wrapper {
    position: absolute;
    top: -25px;
}

table.signup th.side div.nubbin div.content {
    width: 350px;
    margin: 0;
    padding: 0 7px 8px 0;
    background: url(img/tip_box-bottom_right.png) no-repeat bottom right;
    text-align: left;
    font-family: Lucida Grande, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    white-space: normal;
}

table.signup th.side div.nubbin div.content div.arrow {
    position: absolute;
    top: 18px;
    left: -47px;
    width: 50px;
    height: 40px;
    background: url(img/tip_box-arrow.png) no-repeat top left;
}

table.signup th.side div.nubbin div.content div.inner {
    padding: 10px;
    background: url(img/tip_box-bottom_right.gif) no-repeat top left;
}

table.signup th.side div.nubbin div.content div.inner p {
    margin-bottom: 0;
}
/*-------------------------------------------------
signup chart
-------------------------------------------------*/

table.signup {
	border: 10px solid #f2f2f2;
	margin: 0 auto 30px auto;
	width: 100%;
}

table.basecamp {
	margin-bottom: 0;
}

table.signup td, table.signup th {
	font-size: 11px;
	padding: 5px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 1px solid #E3DFDF;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	white-space: nowrap;
}

table.signup td.big {
	font-size: 16px;
	font-weight: bold;
}

table.signup th {
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
}

table.signup th.side {
	font-size: 12px;
	text-align: right;
}

table.signup tr.plans th.fade {
	background-image: url(img/topfade.gif);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;
}

table.signup th span {
	font-size: 12px;
	color: #f60;
}

table.signup tr.category th {
	padding: 3px;
	font-size: 11px;
}

table.signup tr.category th.biz {
	background-color: #5F9FA0;
	color: #fff;
	border-left: 0;
}

table.signup tr.category th.max {
	background-color: #f60;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

table.signup tr.plans th {
	font-size: 12px;
}

table.signup td.shaded {
	background-color: #ffc;
}

table.signup td.bigend, table.signup th.bigend {
	border-right: 2px solid #487778;
}

table.signup tr.solo td {
	border-top: 10px solid #ccc;
	padding-top: 15px;
	background-color: #ffffe3;
}

table.signup tr.solo td p {
	margin-bottom: 10px;
}

table.signup tr.solo td h1 {
	font-size: 16px;
	margin-bottom: 5px;
}

table.signup tr.solo td h2, table.signup tr.solo td h3 {
	margin-bottom: 10px;
}

table.signup tr.solo td h3 {
	color: #390;
	font-size: 12px;
}

/******* Rooms Grid ***************/

.clear { background-color: transparent; clear: both; height: 0; overflow: hidden; }

.column {float: left; overflow: hidden; }
.grid { padding: 20px; width: 785px; overflow: hidden; background: #fff url('img/background-whiteshadow.gif') repeat-x;}
.grid .left {width: 410px; overflow: hidden;}
.grid .right {width: 304px; margin-left: 30px; overflow: hidden;}
.grid strong {color: #000;}
.grid:after, .content {_zoom: 1;}

p.first {font-weight: bold; color: #000;}
/*
a.signup_big {display:block; width:271px; height: 147px; padding-top:0px; margin: 0 0 0 20px; text-indent:-9999px; background: url("#") no-repeat; position: relative; } */
#hq_difference {background: #fff url("img/background-difference.gif") repeat-y; overflow: hidden;}
#hq_difference, #harvest_difference:after {_zoom: 1;}
#hq_difference h2 {
	margin: 0;
	padding: 0;
	background: #fff url('img/RmGrid_header.gif') no-repeat; height: 31px;
	color: #000; text-indent: 20px;
	font-weight: bold;
}
#hq_difference #menu {float: left; width: 197px;}
#hq_difference #panels {float: left; width: 545px; margin: 0 0 0 1px; background: #fff url('img/background-whiteshadow.gif') repeat-x; overflow: hidden; padding: 20px;}
#panels h3 {margin: 0 0 0.8em 0; padding: 0; color: #333; font-size: 1.2em; line-height: 1.4em;}
/*
#menu {padding: 0 0 10px 0;}
#menu a {margin: 10px 10px;}
#menu ol {margin: 0 0 10px 0; padding: 0; list-style: none;}
#menu ol li {
        cursor:pointer;
        color: white;
        padding: 5px 20px;
        border-bottom: 1px solid #7794a6;
        list-style: none;
        margin: 0;
}
#menu ol li:hover {background-color: #769ab2;}
#menu ol li.active {background-color: #5c8caa;}
*/
.grid2col .column { width: 49%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

ul.bullets {
        list-style: square;
        padding-left: 15px;
        padding-top: 0px;
}
#panels ul.bullets {margin-bottom: 1em;}
#panel_internal {
	margin: 10px 0;
}

#brand {
	padding-top: 30px;
}
#main_home_right {
    width: 170px;
    float: right;
    clear: none;
    margin: 0 0 0 10px;
}
#nav_side {
	width: 200px;
	float: left;
	margin-top: 10px;
}
#side, #side_home {
	width: 200px;
	float: left;
	margin-bottom: 0px;
	padding: 0;
}
#side_home h2 {
	margin-left: 10px;
}
#main	{
    float: right;
    margin: 10px 0 10px 0px;    
    width: 570px;
    border-top: 1px solid #fff;
    padding: 0;
}
#main770	{
    float: right;
    margin: 0px 0 10px 0px;    
    width: 700px;
    border-top: 1px solid #fff;
    padding: 0;
}
#main_fwidth {
	/*float: right;*/
    margin: 10px 0 10px 0px;    
    width: 910px;
    border-top: 1px solid #fff;
    padding: 0;
}
.main_home_content {
    width: 350px;
    float: right;
}
#banner_home {
	width: 750px;
	height: 160px;
}
#main.home h1, #main.home h2, #main.home p {
    margin-left: 10px;
}
.support_column_left {
	float: left;
	width: 260px;
}


.spaced {
	margin-top: 20px !important;
}
.spaced_side {
	margin-top: 10px !important;
}
.cleared {
	clear: both;
}
.centred {
	text-align: center;
}
.float_right {
	float: right;
	margin-left: 10px;
}
.float_left {
	float: left;
	margin-right: 10px;
}
.float_none {
	float: none !important;
}
.no_margin {
	margin: 0px;
}
.list_alpha li {
	list-style-image: none !important;
	list-style-type: lower-alpha !important;
}



/******************************
Search styles
******************************/

#search
{
    margin: 20px 0;
    font-size: 1.2em;
}

#search div.search_result
{
    margin: 10px 0;
    font-weight: bold;
}

#search div.search_result_context
{
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;

}
#search form
{
    width: 500px;
}

#search form fieldset
{
    padding: 10px;
    border: 1px solid #e7e9ea;
}

#search form fieldset legend
{
    margin-bottom: 10px;
}

#search form div
{
    margin: 10px 4px;
}



/********************************
 generic form styling in #main
*********************************/

dl {
	font: 1.0em/1.7em verdana,sans-serif;
	text-align: left;
}
dt {
	margin-top: 10px;
}
dd {
	margin-top: 4px;
}
dt.two_column {
	width: 250px;
	float: left;
	padding: 0px 4px 0px 0px;
	clear: both;
	margin-top: 4px;
}
dd.two_column {
	padding: 0px 0px 4px 10px;
	margin-top: 2px;
}

#main form button {
    color: #a73030;
    text-align: center;
    width: 130px;
    height: 22px;
    font: bold 1em verdana,arial,sans-serif;
    background: url('/img/btn_checker.gif') top left no-repeat;
    border: 0px;
    margin: 10px 0px 5px auto;
}
#main .form_button {
	text-align: right;
}
#main form dl dt label .tips {
	color: #999;
}
#main form dl dd input[type=text] {
	font: 1.0em verdana,sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}
#main form dl dd input[type=file] {
	font-size: 1.2em;
}
#main form dl dd select {
	font: 1.0em verdana,sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}