/* 
================================
Skin Styles for Comfort-WEB
================================
*/
@import url("css/menu.css");

body{ background-image: url(images/background.gif); background-repeat: repeat; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: left; margin: 0px;}

/* Classes */
#Comfort-WEB{ left: 0px; top: 0px; width: 100%; height: 100%; text-align: center;}
#content-pane{ border: 1px solid #000000; left: 180px; top: 0px; width: 953px; height: auto; background: url(images/content_bg.gif); background-repeat: repeat-x; background-color: #FFF;}
#content-header{ left: 0px; top: 0px; width: 100%;}
#logo{ float: left; margin-top: 15px;}
#people{ float: right; margin-top: 0px; margin-left: 60px;}

#user{ float: right; margin-top: 50px;}
#menubar{ float: left; margin-top: 0px; width: 100%; text-align: left; background-color: #666666;}
#login{ left: 750px; top: 80px;}
#content{ text-align: left; margin-top: 135px;}
#breadcrumb{ margin-left: 10px; margin-top: 0px; margin-bottom: 0px;}
#content_position{ position: relative; text-align: center; margin-left: 5px; margin-top: 5px; height: 500px;}
#content__index_position{ position: relative; text-align: center; margin-left: 5px; margin-top: 5px;}
#content_table{}
#footer_table{ position: relative; top: 0px; margin-top: 10px; margin-bottom: 10px; fontsize: 14px;}
#links{ text-align: center; height: 30px;}
#logos{ height: 200px; padding: 0; position: relative; text-align: center; top: 50px; width: 950px;}

#copyright_footer{ margin-bottom: 20px; padding: 0 30px 0 20px; height: 5px;}
#terms_style{ float: left;}
#copy_style{ float: right;}
#logos img{ border-style: none; margin: 0px;}


/* Content Panes */
.ContentPane, .TopPane, .BottomPane, FooterPane{ padding: 0px; margin: 0px;}
.LeftPane{ padding: 0px 10px 0px 0px; width: 10em; margin: 0px; height: 500px;}
.RightPane{ padding: 0px 0px 0px 10px; width: 10em; margin: 0px;}

#ContentPane, #TopPane, #BottomPane, #FooterPane{ padding: 0px; margin: 0px;}
#LeftPane{ padding: 0px 10px 0px 0px; width: 10em; margin: 0px;}
#RightPane{ padding: 0px 0px 0px 10px; width: 10em; margin: 0px;}

/* HOME Buttons */
#homeButtons{ margin: 0px; position: relative; top: 10px; left: 30px; width: 950px; height: 400px; text-align: left; /* float: left;*/ /* background-color: #FF00FF; */}
#homeButtons span.toprow span.layer{ padding: 0px 50px 0px 0px; background-image: url(images/actionbox_inactive.png);}
#homeButtons span span.layer{ background-image: url(images/actionbox_inactive.png); width: 294px; height: 103px; position: absolute; top: 0px; left: 0px; z-index: 5;}
#homeButtons span{ background: url(images/home_button.png) no-repeat 0 0; width: 290px; height: 222px; line-height: 1.5em; position: relative; padding: 0px 20px 20px 0px; float: left;}
#homeButtons span h1{ font-size: 1.6em; padding: 0px 0px 0px 5px; color: #000000; text-decoration: none;}
#homeButtons span a{ font-weight: bold; padding: 0px 0px 0px 5px; text-decoration: none; color: Black;}
#homeButtons span p{ font-weight: normal; padding: 0px 0px 0px 12px;}
#homeButtons span:hover, #homeButtons span.sfhover{ background-image: url(images/home_button_active.png); color: #fff; cursor: pointer;}
#homeButtons span.sfhover span.layer, #homeButtons span:hover span.layer{ display: none;}
#homeButtons span.toprow{}

/*TEXTPAGE*/
#ComfortWEB_Text  { display: table;width: 953px;margin: 0 auto;}
#textcontent {display: table; width: 953px;}
#textheader {display: table; width: 953px;}
#text_wrap_sub, textcontent_wrap_sub, textheader_wrap_sub { display:table-row}
.text_style {display:table-cell; border: 1px solid #000000; background: url(images/content_bg.gif); background-repeat: repeat-x; background-color: #FFF;}
.textcontent_style, .textheader_style {display:table-cell;}
.textcontent_position{	margin-left: 50px;	margin-right: 50px;}
.textcontent_table {}
.breadcrumb {margin-left:20px;margin-top:10px;}
.logo {float: left; margin-top: 15px; margin-left:10px;}
.people { float: left; margin: 0px 0px 0px 100px; }
.textuser {float: left; margin: 50px 0px 0px 130px}
.content_text {	margin-left: 20px;	margin-right: 20px;}
.textlogos{	margin-left: 80px;}
.textlinks{margin: 0px 20px 50px 20px; text-align:center }
.textprivacy {margin: 10px 20px 50px 20px}
.buttons {}
.homelinks{margin: 0px 20px 50px 20px; text-align:center}