/*
 * DESCRIPTION
 * CSS styles used by the lay-out of 03 Spaces website   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Global styles
 *     - Custom Select styles
 *     - Form styles
 *     - Green/Orange box
 *     - Plain box
 */


/* Global styles 
-------------------------------------------------------------------------------------------------*/

/* hack to support transparent png images in IE5.5+
* { behavior: url(/css/iepngfix.htc) }*/

.topmenubar {
    height: 40px;
    width: 100%;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/ts_topmenubg.gif) repeat-x;
    float: left;
    clear: both;
}

.topmenubar .left {
    height: 40px;
    float: left;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/ts_topmenubg_left.gif) no-repeat left;
    position: relative;
    font-size: 0;
	width: 800px;
}

.topmenubar .right {
    height: 40px;
    float: right;
    width: 200px;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/ts_topmenubg_right.gif) no-repeat right;
}

.flag {
    margin: 15px 13px 0 0;
}

#lan_tooltip div {
    float: left;
    font: normal 12px/27px Tahoma, Verdana, sans-serif;
    color: #FFF;
}



.resH1 {
    position: absolute;
    /*left: -12px;*/
    z-index: 10;
    margin-bottom: 20px;
}

.h1_placeholder {
    height: 28px;
}

.h1_left,
.h5_left {
	position: absolute;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/h1_left.png) no-repeat left;
    left: -12px;
    width: 12px;
    height: 28px;
    font: normal 18px/23px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    color: #4270BB;
}

.h1_mid {
	background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/h1_mid.png) no-repeat left top;
	height: 28px;
	font: normal 18px/23px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    color: #4270BB;
    width: 100%;
}

.h1_right,
.h5_right {
	position: absolute;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/h1_right.png) no-repeat left;
    right: -15px;
    width: 15px;
    height: 28px;
    white-space: nowrap;
    
}

    .resH1 .h1_left div,
    .resH5 .h5_left div {
        display: block;
        background-repeat: no-repeat;
        background-position: 12px -1px;
    }

.main_menu {
    height: 49px;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/mainmenubg.gif) repeat-x;
    float: left;
    width: 100%;
    display: block;
}

.main_menu .left,
.main_menu .left_sub {
    height: 49px;
    width: 100%;
    float: left;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/mainmenubg_left.gif) no-repeat left;
    padding-left: 15px;
}

.main_menu .left_sub {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/mainmenubg_left_sub.gif) no-repeat left;
}

.main_menu .right {
    height: 49px;
    float: right;
    width: 40px;
    margin-right: 15px;
    _margin-right: 0px;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/mainmenubg_right.gif) no-repeat right;
}

.topmenulinks,
a.topmenulinks,
a.topmenulinks:visited,
a.topmenulinks:active,
a.topmenulinks:link,
a.topmenulinks:hover {
    font: normal 12px/13px Tahoma, Verdana, sans-serif;
    color: #FFF;
    text-decoration: none;
    position: relative;
    top: 20px;
    float: left;
    padding-right: 20px;
}

.topmenubar .left .first {
    margin-left: 46px;
}

.logobar {
    height: 46px;
    float: left;
    clear: both;
    width: 100%;
}

.quick_menu {
    height: 46px;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/logobar_bg_right.gif) no-repeat right;
    float: right;
    padding-right: 36px;
    width: 474px;
    text-align: right;
}

.qm_sub {
    _padding-top: 10px;
	line-height: 46px;
	text-align: right;
	clear: both;
}

.qm_seperator {
	color: #C7D5E2;
	font-size: 13px;
}

.qm_link,
a.qm_link,
a.qm_link:link,
a.qm_link:visited,
a.qm_link:active {
    color: #3D3D3D;
    text-decoration: none;
}

a.qm_link:hover {
    color: #0057AE;
    text-decoration: none;
}

.qm_link img {
	vertical-align: middle;
}

.mainlink {
    position: relative;
    top: 10px;
    float: left;
}

.main_menu .left_sub ul {
	list-style:none;
}


.leftmenu_item {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/leftmenu_item_bg.gif) no-repeat bottom;
    line-height: 28px;
    float: left;
    clear: both;
    width: 175px;
}

.leftmenu_link,
a.leftmenu_link,
a.leftmenu_link:link,
a.leftmenu_link:visited,
a.leftmenu_link:active,
a.leftmenu_link:hover {
    font: normal 12px/26px Arial, Verdana, sans-serif;
    color: #FFF;
    height: 26px;
    text-decoration: none;
    margin-left: 38px;
    float: left;
}

.leftmenu_link_active,
a.leftmenu_link_active,
a.leftmenu_link_active:link,
a.leftmenu_link_active:visited,
a.leftmenu_link_active:active,
a.leftmenu_link_active:hover {
	font: bold 12px/26px Arial, Verdana, sans-serif;
    color: #FFF;
    height: 26px;
    text-decoration: none;
    margin-left: 38px;
    float: left;
}

.aboveleftmenu {
    height: 19px;
    width: 175px;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/leftmenu_top.gif) no-repeat top;
    float: left;
}

.bellowleftmenu {
    height: 58px;
    width: 175px;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/leftmenu_bottom.gif) no-repeat top;
    float: left;
}

h6 {
    font: normal 18px/36px Arial Narrow, Arial, Verdana, sans-serif;
    color: #808080;
    padding: 0;
    margin: 0;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/rightheader.gif) no-repeat 5px;
    height: 38px;
    width: 162px;
    padding-left: 16px;
    float: left;
}

#rightcolumn p {
    padding: 6px 24px 6px 15px;
    line-height: 16px;
    float: left;
    margin: 0;
}

#rightcolumn img {
    padding-top: 5px; 
}

#rightcolumn .small_txt,
.small_txt {
    font-size: 11px;
    color: #808080;
}

#rightcolumn a,
#rightcolumn a:link,
#rightcolumn a:visited,
#rightcolumn a:active {
    color: #000;
    text-decoration: none;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/rightmenu_linkbg.gif) no-repeat top right;
    width: 104px;
    float: left;
    padding-right: 30px;
}

#rightcolumn a:hover {
    color: #818181;
    text-decoration: none;
}

#rightcolumn a.underlined {
    padding-bottom: 6px;
    border-bottom: 1px solid #D4D4D4;
    float: left;
}

#rightcolumn .small_txt a,
#rightcolumn .small_txt a:active,
#rightcolumn .small_txt a:link,
#rightcolumn .small_txt a:visited {
    text-decoration: none;
    color: #808080;
    background: none;
    width: auto;
    float: none;
    padding: 0;
}

#rightcolumn .small_txt a:hover {
    text-decoration: underline;
    color: #808080;
    
}

#footer .left {
    height: 42px;
    width: 175px;
    float: left;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/leftbottom.gif) no-repeat left;
    position: relative;
    font-size: 0;
    text-align: center;
}

#footer .right {
    height: 42px;
    width: 175px;
    float: right;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/rightbottom.gif) no-repeat right;
}

#contentcolumn div.left {
    height: 26px;
    width: 26px;
    float: left;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/content_lefttop.gif) no-repeat left;
    position: relative;
}

#contentcolumn div.right {
    height: 26px;
    width: 26px;
    float: right;
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/content_righttop.gif) no-repeat left;
}

#contentcolumn {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/content_top.gif) repeat-x top;
}

.searchdiv {
    width: 200px;
    height: 35px;
    float: left;
}

.banner {
    width: 100%;
    height: 148px;
    position: relative;
    top: -14px;
    text-align: center;
}

tr.out td {
    color: #ccc;
}

.blue_hr {
    color: #E5EFFB;
}

/* FF Hack */
#contentcolumn>/**/.banner {
    margin-bottom: 14px;
}

#text_content_sub {
    width: 628px;
    position: relative;
   /*  height: 100%;  */
   height: 660px;
    top: -14px;
    text-align: center;
    left: 12px;
}

/* FF hack */
#contentcolumn>/**/#text_content_sub {
    /*top: 14px;*/
    left: -12px;
}

.st_spacer {
    width: 6px;
    float: left;
    background-color: #f00;
}

.inner_template {
    position: relative;
    top: -12px;
}

.content_surround {
    /*width: 100%;*/
    margin-left: 24px; 
	padding-top: 1px;
    _margin-left: 0px; 
    text-align: left;
    height: 1px;
}

.content_padding {
	padding-top: 24px;
}

/*#contentColumn*/ .topBlock {
	margin-top: 14px;
}

/* Form styles 
-------------------------------------------------------------------------------------------------*/
form {
    padding: 0;
    margin: 0;
}

.searchinput,
.searchinput_long {
    width: 80px;
    height: 15px;
    background-color: #F1F1F1;
    border: 1px solid #C1C1C1;
    font: normal 12px/14px Tahoma, Verdana, sans-serif;
    top: 7px;
    left: 50px;
    position: relative;
}

.searchinput_long {
    left: 75px;
}

.searchform {
   /* margin-top: 16px; */
   /* line-height: 35px; */
   
}

.searchform span {
    font: normal 12px/14px Tahoma, Verdana, sans-serif;
    color: #3D3D3D;
}

.partnerForm,
.buyForm {
    padding: 0;
    margin: 0;
}

.partnerForm .inputtext,
.partnerForm .inputselect,
.partnerForm .inputtextarea,
.buyForm .inputtext,
.buyForm .inputselect,
.buyForm .inputtextarea {
    font: normal 12px/14px Tahoma, Verdana, sans-serif;
    color: #3D3D3D;
    margin: 2px 0;
    width: 191px;
    border: 1px solid #ABABAB;
}

.inputsmall {
    font: normal 12px/14px Tahoma, Verdana, sans-serif;
    color: #3D3D3D;
    margin: 2px 0;
    width: 50px;
    border: 1px solid #ABABAB;
}

.partnerForm .inputselect,
.buyForm .inputselect {
    width: 194px;
}

.partnerForm .inputtextarea,
.buyForm .inputtextarea {
    height: 80px;
}

.partnerForm .button,
.buyForm .button {
    font: normal 12px/14px Tahoma, Verdana, sans-serif;
}

.notfilled {
    color: #FFA200;
    font-weight: bold;
}

div#message_div,
div#message_div a {
    font-weight: bold;
    color: #f00;
}

/* Plain box 
-------------------------------------------------------------------------------------------------*/

table.plain {
    width: 100%;
    float: left;
}

table.plain tr.top td,
table.plain tr.bottom td {
    height: 22px;
    white-space: nowrap;
}

table.plain td.left, 
table.plain td.right {
    width: 22px;
    white-space: nowrap;
}

table.plain tr.top td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_topleft.gif) no-repeat;
}

table.plain tr.top td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_topright.gif) no-repeat;
}

table.plain tr.bottom td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottomleft.gif) no-repeat;
}

table.plain tr.bottom td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottomright.gif) no-repeat;
}

table.plain tr.top td.centered {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_top.gif) repeat-x;
}

table.plain tr.bottom td.centered {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottom.gif) repeat-x;
}

table.plain tr.middle td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_left.gif) repeat-y;
}

table.plain tr.middle td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_right.gif) repeat-y;
}

/* Orange box 
-------------------------------------------------------------------------------------------------*/
table.orange {
    width: 100%;
    float: left;
}

table.orange tr.top td {
    height: 39px;
    white-space: nowrap;
}
table.orange tr.bottom td {
    height: 22px;
    white-space: nowrap;
}

table.orange td.left, 
table.orange td.right {
    width: 22px;
    white-space: nowrap;
}

table.orange tr.top td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/orange_topleft.gif) no-repeat;
}

table.orange tr.top td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/orange_topright.gif) no-repeat;
}

table.orange tr.bottom td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottomleft.gif) no-repeat;
}

table.orange tr.bottom td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottomright.gif) no-repeat;
}

table.orange tr.top td.centered {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/orange_top.gif) repeat-x;
}

table.orange tr.bottom td.centered {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottom.gif) repeat-x;
}

table.orange tr.middle td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_left.gif) repeat-y;
}

table.orange tr.middle td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_right.gif) repeat-y;
}

table.orange tr.top td.centered h2 {
    font: normal 18px/39px Arial, Verdana, sans-serif;
    color: #FFF;
    float: left;
}

table.orange tr.top td.centered>/**/h2 {
     line-height: 0;
}

/* Green box 
-------------------------------------------------------------------------------------------------*/
table.green {
    width: 100%;
    float: left;
}

table.green tr.top td {
    height: 39px;
    white-space: nowrap;
}
table.green tr.bottom td {
    height: 22px;
    white-space: nowrap;
}

table.green td.left, 
table.green td.right {
    width: 22px;
    white-space: nowrap;
}

table.green tr.top td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/green_topleft.gif) no-repeat;
}

table.green tr.top td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/green_topright.gif) no-repeat;
}

table.green tr.bottom td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottomleft.gif) no-repeat;
}

table.green tr.bottom td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottomright.gif) no-repeat;
}

table.green tr.top td.centered {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/green_top.gif) repeat-x;
}

table.green tr.top td.centered h2 {
    font: normal 18px/39px Arial, Verdana, sans-serif;
    color: #FFF;
    float: left;
}

table.green tr.top td.centered>/**/h2 {
     line-height: 0;
}

table.green tr.bottom td.centered {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_bottom.gif) repeat-x;
}

table.green tr.middle td.left {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_left.gif) repeat-y;
}

table.green tr.middle td.right {
    background: url(//manage.o3spaces.com/Clients/2/htdocs/3/images/plain_right.gif) repeat-y;
}