/* Main layout styles */

#PageTitle {
    height: auto;
    margin: 0;
    padding: 25px;
    clear: both;
}
#PageTitle:after {
    content: "";
    display: table;
    clear: both;
}
#PageTitle #PageTitleText{
    float:left;
}
#PageTitle #PageTitleDesc{
    float:right;
    color:#000;
    font-size:14px;
    width:315px;
}
#PageTitle #PageTitleDesc a {
	color:#ffb200;
}

#RightContent {
    width: 348px;
    padding:4px;
    float:right;
}

.divider hr {display:none}
.divider { height:1px; background:#b1c8d4; clear:both;}
/* Right Hand Module Styles */
.rhheader{ 	margin-bottom:5px;}

#RHVentTs {
    margin:4px;
    background: url("/server-rentals/images/modules/right/venttsbg.png") no-repeat;
    height:189px;
}
#RHVentTs .RHVentTs{
    float:left;
    width:145px;
    padding: 11px 12px 0 12px;
    font-size: 11px;
    color:#666;
}
.RHModule {

    font-size: 11px;
    color:#999;
    padding: 8px 12px 8px 12px;
}
.fourteen { font-size:14px; color:#333;}

.DataTable {
    border-collapse:collapse;
    border-bottom: 1px solid #b1c8d4;
}

.DataTable td {
    border-top: 1px solid #b1c8d4;
    padding:5px;
}

.Statuswarning, .Statussuccess, .Statusnotice {
    padding-left:50px;
    height:32px;
    margin-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:14px;
    color:#333;

}

.Statussuccess {	background: url("/server-rentals/images/success.png") no-repeat 5px 50%;}
.Statuswarning {	background: url("/server-rentals/images/warning.png") no-repeat 5px 50%;}
.Statusnotice {	background: url("/server-rentals/images/information.png") no-repeat 5px 50%;}

.FrontPageAbout{float:right; width:325px;}
.FrontPageNews{ padding:10px; color:#000; font-size:12px;}

.FrontPageNews .FrontPageNewsHeader{font-weight:bold; color:#0074fe; font-size:15px; margin:5px 0;}
.FrontPageNews .FrontPageNewsHeader .NewsByLine{color:#000; font-size:11px; font-weight:normal;}

.RoundedMiniModule {
    float:left;
    width:308px;
    margin:0 3px 3px 3px;
}
.RoundedModule {
    width:626px;
    margin:0 3px 15px 3px;
    color:#666;
    font-size:11px;
    font-weight:bold;
}

.RoundedMiniModule .RoundedMiniModuleHeader{
    background: url("/server-rentals/images/modules/home/roundedmoduleheader.png");
    height:33px;
    padding:10px 0 0 10px;
}
.RoundedModule .RoundedModuleHeader{
    background: url("/server-rentals/images/modules/home/roundedmoduleheaderlge.png");
    height:31px;
    padding:10px 0 0 10px;
}
.RoundedMiniModule .RoundedMiniModuleHeader .RoundedModuleIcon { position:absolute; margin-left:245px;}
.RoundedModule .RoundedModuleHeader .RoundedModuleIcon { position:absolute; margin-left:565px;}
.RoundedMiniModule .RoundedMiniModuleBack{background: url("/server-rentals/images/modules/home/roundedmodulefooter.png") bottom no-repeat;}
.RoundedModule .RoundedModuleBack{background: url("/server-rentals/images/modules/home/roundedmodulefooterlge.png") bottom no-repeat;}
.RoundedMiniModule .RoundedMiniModuleBack .RoundedMiniModuleContent{padding:5px 15px 10px 15px;height:172px; overflow: hidden;}
.RoundedModule .RoundedModuleBack .RoundedModuleContent{padding:5px 15px 10px 15px;}

.RoundedMiniModule .RoundedMiniModuleBack .RoundedMiniModuleContent .Details {
    margin:6px 3px;
    color:#666;
    font-size:11px;
}
.RoundedMiniModule .RoundedMiniModuleBack .RoundedMiniModuleContent img, .RoundedMiniModule .RoundedMiniModuleBack .RoundedMiniModuleFooter img{
    vertical-align:middle;
}
.RoundedMiniModule .RoundedMiniModuleBack .RoundedMiniModuleFooter{
    font-size:10px;
    padding:15px;
}

input, img {vertical-align: middle;}





/* Server Rentals */
.sr-form .btn, .sr-btn {
    font-size: 14px;
    padding: 5px 20px;
    margin: 0 0 0 0;
    border-radius: 8px;
    color: #000;
    border: 0;
    background-color: #FFF;
    height: auto;

    background-color: #ffbe25;
    text-transform: uppercase;

    background-image: linear-gradient(to bottom, #fff5d4 0%, #FFBE25 60%);
    text-decoration: none;
    cursor:pointer;
}

.sr-form .btn:hover, .sr-btn:hover {
    text-decoration: none;
}

.sr-form .input-block {
    display: block;
    clear: both;
    min-height: 25px;
    margin-bottom: 20px;

    font-size: 16px;
    line-height: 125%;
}

.sr-form label {
    position: absolute;
    width: 130px;
    padding: 5px 10px 5px 5px;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.sr-form .control {
    margin-left: 140px;
    padding: 5px;
}
.sr-form .control select {
    margin-top: -5px;
}

.sr-form input[type=text], .sr-form select, .input-flat {
    font-size: 14px;
    padding: 5px;
    margin: 0;
    border-radius: 3px;
}
.sr-form .input-flat {
    padding: 0;
}

.sr-order-form {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    font-size: 14px;
}

.sr-order-form li {
    display: block;
    width: 100%;
    overflow: hidden;
}
.sr-order-form li:nth-of-type(2n+2) {
    background-color: #EFEFEF;
}

.sr-order-form .header {
    background-color: #CCC;
    font-weight: bold;
    font-size: 16px;
}

.sr-order-form .block {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    min-height: 25px;
    padding: 5px;
    border: 0;
}

.sr-order-form .block.remove {
    width: 10px;
}

.sr-order-form .remove-item-button {
    cursor: pointer;
}

.sr-order-form .slots-single {
    display: block;
    padding: 5px 10px;
}

.sr-form .checkout-btn {
    padding: 10px 20px;
    font-size: 22px;
    font-weight: bold;

    margin: 0 0 0 0;
    border-radius: 8px;
    color: #000;
    border: 0;
    height: auto;

    background-color: #ffbe25;
    text-transform: uppercase;

    background-image: linear-gradient(to bottom, #fff5d4 0%, #FFBE25 60%);
    text-decoration: none;
    cursor:pointer;
}

.sr-form .total {
    margin-top: 10px;
    padding: 10px;
    font-size: 16px;
    text-align: left;
    background-color: #E6E6E6;
    overflow: hidden;
}

.sr-form .total-price {
    font-size: 20px;
}


.servers-listing {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.servers-listing li {
    display: block;
    float: left;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 33.333%;
    padding-right: 10px;
    margin-bottom: 10px;

    text-align: center;
    border: 0;
}
.servers-listing li:nth-of-type(3n+3) {
    padding-right: 0;
}
.servers-listing .frame {
    display: block;
    width: 100%;
    max-height: 202px;
    position: relative;
    overflow: hidden;
    background-color: #EFEFEF;
}

.servers-listing li .frame img {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.servers-listing li a.img {
    display: block;
    width: 100%;
    height: 150px;

    text-align: center;
    vertical-align: middle;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background-color: #EFEFEF;
}

.servers-listing li .info {
    display: block;
    width: 100%;

    text-align: left;
    padding: 5px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background-color: #CCC;
}

.server-info {}
.server-info .order-box {
    float: right;
    padding: 10px;
    background-color: #E6E6E6;
    border-radius: 10px;
    margin-left: 10px;
}
.server-info .description {
    margin-right: 10px;
    font-size: 14px;
}
.server-info .description img {
    margin: 10px;
    max-width: 60% !important;
    height: auto !important;
}

.log-entry.collapsible {
    display: block;
    max-height: 2em;

    overflow: hidden;
}
.log-entry .log-code {
    font-weight: bold;
}

.log-entry.open {
    max-height: none !important;
}