/* Stylesheet for Hoppinger CMS 
(c) 2006 Hoppinger.com */

/* BEGIN General style (no classes, no selectors) */
    /* START copy this to html_editor.css */ 
    body {
        background-color: #003c40;
        color: #003264;
        margin: 15px 0 0 0;
        padding: 0 0 40px 0;
        font-size: 11px;
        font-family: Verdana, Arial, sans-serif;
    }
    
    img {
        border : 0;
    }
    
    a:link, a:visited, a:active {
        color: #D94D31; /*orange*/
        text-decoration: none;
		font-weight: bold;
    }
    
    a:hover {
        color: #ef6321; /*orange*/
        text-decoration:underline;
    }
    
    p {	
        margin: 0px 0 8px 0;
        padding: 0px 0 8px 0;
    }
    /* END copy this to html_editor.css */
    
table {
	border-collapse: collapse;
}

td {	
	text-align: left;
	line-height:17px;
}


h1 { /* Page header */
    font-size: 16px;
    color: #fff;
}

h1.page_title { /* Page title extra */
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

h2 { /* module header */
    font-size: 11px;
	font-weight: bold;
    margin: 10px 0 5px 0;
}

input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    color: #000;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    color: #000;
}

/* END General Style */

/* BEGIN Lay-out structures (specific tables, td's and divs ) */
#wrapper  {
	table-layout: fixed;
	width: 776px;    
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #fff;
}

/* BEGIN Top */
#top_left {
    border: 0;
	height: 167px;
	width: 174px;
}
#top_middle {
    border: 0;
	height: 167px;
	width: 560px;
}
#top_right {
	border: 0;
    height: 167px;
	width: 40px;
	border-left: 1px solid #fff;  
}
/* END Top */

#content_right {
	border: 0;
	background-color: #13649e;
	border-left: 1px solid #fff;
}

/* BEGIN Pageheader */
#pageHeader {
	padding: 5px 5px 0 5px;
}


/* END Pageheader */

td.menu_container {
	border: 0;
	width: 174px;
    vertical-align:top;
	/*    border-right: 1px solid #fff;*/
    border-left: 1px solid #fff;
	background-color: #267e53;
}

div.content {
	vertical-align: top;
	padding: 0px 30px 30px 30px;
	text-align: left;
	font-size: 11px;
}

td.content {
	vertical-align: top;

}

/* BEGIN Bottom */
#bottom_left {
	border-top: 1px solid #fff;
	background-color: #000040;
	height: 30px;
	width: 174px;
}
#bottom_middle {
	border-top: 1px solid #fff;
	background-color: #eabb22;
	height: 30px;
	width: 559px;
	text-align: center;
    letter-spacing:1px;
}
#bottom_right {
	border-top: 1px solid #fff;
	background-color: #b73b4b;
	height: 30px;
	width: 40px;
}
/* END Bottom */

#bottom, #bottom a {    
    font-size:9px;
    color: #ccc;
    text-decoration:none;
    text-align:center;
    padding: 5px 0;
}

#login {
    margin:100px auto;
    border: 1px solid #fff;
    padding: 10px;
    width: 500px;
    background-color:#fafafa;
}
/* END Lay-out structures 

/* BEGIN Buttons */
a.button:link, a.button:active, a.button:visited {	
	color: #999;
    background-color: #fff;
	border: 1px solid #999;	
	font-size: 9px;
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 1px;
    cursor:pointer;
}

a.button:hover, a.button_active {
    color: #fff;
    background-color: #999;
	border: 1px solid #999;	
	font-size: 9px;
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 1px; 
}

input.button {
	color: #999;
    background-color: #fff;
	border: 1px solid #999;	
	font-size: 9px;
	padding: 0 8px;
	text-decoration: none;
	letter-spacing: 1px;
    cursor:pointer;
	height: 17px;		/* Same height as input.inputField */
}

/* END Buttons */

.gototop { /* container for go-to-top line */
    padding: 8px 0;
    text-align:center;
}


/* BEGIN Menu */
table.menu {
	height: 500px;		/* For pages with little text (short) */
	vertical-align: top;
}
td.menu_item {
	text-align: left;
	height: 20px;	
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
    width: 100%;    
}

td.menu_item_spacer {
	text-align: left;
	border-bottom: 1px solid #fff;
	margin-top: 0px;
    width: 100%;    
	font-size: 5px;
}



td.menu_item_no_underline {
	text-align: left;
	height: 10px;
	padding-left: 0px;
	/*padding-bottom: 5px;*/
	padding-top: 1px;
}


td.sub_menu_item {
	text-align: left;
	height: 20px;	
	border-bottom: 1px solid #fff;
    width: 100%;
}

#menu a.menu, #menu a.menu_selected, span.menu{
	width:100%;
    display:block;    
    padding: 5px 0 0 8px;    
    margin:0;
    border:0;
    color: #fff;
	letter-spacing: 1px;
	font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}
#menu {
    width:174px;
	vertical-align: top;
	border: 0;
	padding: 0;
	margin: 0;
}

a.menu:link, a.menu:visited, a.menu:active, a.menu:hover, a.menu_selected {	
    color: #fff;
}

/* END Menu*/

/* BEGIN Hyperlink and Download area */
table.area {
	width: 100%;    
	border: 1px solid #fff;
    color:#000;
    background-color:#fafafa;	
}

td.area-header {
	color: #fff;
	letter-spacing: 1px;
	background-color: #fff;
	height: 16px;
	padding: 0 0 0 5px;
}

/* END Hyperlink and Download area */

/* BEGIN GroupManagement */
td.groupmanagement-header {
	background-color: #fff;
	color: white;
	border: 1px solid #949494;
}

input.inputField {
	border: 1px solid #949494;
}
/* END GroupManagement */

/* BEGIN login */
td.error_message {
	color: red;
}
/* END login */

img.menupointer_visible
{
	visibility: visible;
}

img.menupointer_hidden
{
	visibility: hidden;
}
img.imgborder {
	border-left: 1px solid #B31D1C;
    width: 108px;
    height: 72px;
}
img.imgborder2 {
	border: 1px solid #f8d486;
    width: 108px;
    height: 72px;
}

img.imgborder3 {
    width: 108px;
    height: 72px;
}

img.imgborder4 {
	border-left: 1px solid #930;
    width: 108px;
    height: 72px;
}
td.menupointerimg {
	border-bottom: 1px solid #fff;
	height: 25px;
}

td.menupointerimg_underline {
	border-bottom: 1px solid #A5D4E1;
	height: 25px;
}

td.menupointerimg_bothlines {
	border-bottom: 1px solid #A5D4E1;
	border-top: 1px solid #A5D4E1;
	height: 25px;
}



td.menupointerimg_nounderline {
	padding-left: 0px;
	padding-top: 5px;
	/*padding-bottom: 1px;*/
	/*padding-top: 2px;*/
}

a.selectionmenu_housetype:link, a.selectionmenu_housetype:visited, a.selectionmenu_housetype:active, a.selectionmenu_housetype:hover {
	display:block;
    height:15px;
    padding: 5px 0;
    text-decoration: none;    
	color: #fff;
	font-weight: bold;
}

span.selectionmenu_housetype_selected {
	display:block;
    padding: 5px 0;
    color: #fff;    
	font-weight: bold;
    text-decoration: none;
}

.selectionmenu_faded {
	text-decoration: none;
	color: #A5D4E1;
	font-weight:bold;
}

span.selectionmenu_housetype {	
	font-size: 11px;
	font-weight: normal;
	color: #000;
	letter-spacing: 1px;
}

table.housetypes_table td.housetype_td_active
{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing:1px;
	font-size: 11px;
	cursor:pointer;	
	height:25px;
	background-color:#000;
	text-align:right;
	padding-right:3px;
	width:126px;
}

table.housetypes_table td.housetype_td
{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing:1px;
	font-size: 11px;
	height:25px;
	background-color:#000;
	text-align:right;
	padding-right:3px;
	width:126px;
}

table.housetypes_table td.not_available_housetype_td
{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing:1px;
	font-size: 11px;

	height:25px;
	background-color:#525252;
	text-align:right;
	padding-right:3px;
	width:126px;
}

table.housetypes_table td.housetype_td_selected {
	color: #fff;	
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing:1px;
	font-size: 11px;
	cursor:pointer;	
	height:25px;
	background-color:#D7000B;
	text-align:right;
	padding-right:3px;
	width:126px;
}

table.housetypes_table td.spacer_td
{
	width:74px;
}

table.selectionitem_table td.selectionitem_td
{
	border:1px solid #000;	
	text-align:right;
	padding-right:3px;		
	color: #9A9A9A;
	text-decoration: none;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}

table.selectionitem_table td.selectionmenu_content_td
{
	text-align:left;
}

table.selectionitem_table td.selectionmenu_text_content_td
{
	/*padding-top:5px;*/
	text-align:left;
}

table.selectionitem_table td.selectionmenu_text_content_td a:link, table.selectionitem_table td.selectionmenu_text_content_td a:visited
{
	color: #000;
	text-decoration: none;
	font-weight:normal;
	font-size: 11px;
	letter-spacing:1px;
}

table.selectionitem_table td.selectionmenu_text_content_td a:hover
{
	text-decoration: underline;
	font-size: 11px;
	letter-spacing:1px;
}

table.selectionitem_table td.selectionmenu_content_td a:link, table.selectionitem_table td.selectionmenu_content_td a:visited
{
	color: #000;
	text-decoration: none;
	font-weight:normal;
	font-size: 11px;
	letter-spacing:1px;
}

table.selectionitem_table td.selectionmenu_content_td a:hover
{
	text-decoration: underline;
	font-size: 11px;
	letter-spacing:1px;
}

img.showhouse {
	border: 1px solid #a5d4e1;
	filter: blendTrans(Duration=1); /* IE 5.5+ images transition*/
}

td.selectionmenu_spacer_30 {
	border: 0;
	border-top: 1px solid #a5d4e1;
}

td.selectionheader_subtop {
	font-weight: bold;
	vertical-align: middle;
	height: 24px;
}

td.giteinfoheader {
	font-weight: bold;
	height: 30px;
}

td.showhousetop {
	filter: blendTrans(Duration=1); /* IE 5.5+ images transition*/
}
td.gitenameheader {
	text-align: left;
	padding-top: 23px;
}