@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);

html,body     { height:100%; margin:0px; padding:0px; background-color:#FFFFFF; }
#container    { height:100%; background:#ffffff; }
body          { margin:0px; padding:0px; font-family: Rokkitt, serif; top:0px; left:0px; color:#61665a; }
input,textarea{ font-family: Arial, Serif; color:#61665a;  /*box-shadow: 0 0 5px #ffffff; border: 1px solid #61665a; */ }
input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px #bbd25e; border: 1px solid #bbd25e; }
div           { display:block; }
#header       { background:#e5e8dd; padding:0px; margin:25px auto 0px 5px; color:#6f6f6f; height:102px; }
#main-content { background-color:White; padding:25px; padding-top:175px; margin-left:5px; }
#sidebar-left { float:left; width:204px;  }
.box          { position: relative; background: #fff; 
		-moz-box-shadow: 3px 3px 3px 3px #B7B8B4; 
		-webkit-box-shadow: 3px 3px 3px 3px #B7B8B4; 
		box-shadow: 3px 3px 3px #B7B8B4; border-bottom: 1px solid #EBECE7; 
		border-left: 1px solid #D6D7D2; border-right: 1px solid #D6D7D2; 
		border-top: 1px solid #B7B8B4; border-radius: 10px; 
		padding: 5px 10px 5px 10px; margin: 0 20px 20px 0px; vertical-align:middle; }
.box > p      { padding-left:25px; font-size:.8em; }
#contentpane  { /*compensate for legend in sidebar*/ margin-left:250px; }
a,h3          { color: #31a3d3; }
a             { text-decoration:none; }
a:hover       { text-decoration:underline; }
h3            { font-family:'Rokkitt', Serif; display:block; vertical-align:middle; font-size:1.375em; margin-bottom:15px; font-weight:bold; }
h3 > img      { vertical-align:middle; }
::selection   { color:#fff; background-color:#3399FF; }
#troubleshooting ol { font-size:.8em; }
#main-wrap    { background-color:#FFFFFF; }
#customer_branding { margin:0px auto 30px auto; width: 250px; /*text-align: center;*/ }
#main-title > h2{ color:#FFFFFF; font-size:1.8em; margin-left:20px; white-space:nowrap; }
#main-title     {  font-family: 'Rokkitt', serif; background-color: #BBD25E; border-bottom: 1px solid #BBD25E; 
		   border-bottom-left-radius: 10px; border-left: 1px solid #BBD25E; border-right: none;
		   border-top: 1px solid #BBD25E; border-top-left-radius: 10px; height: 70px;
		   position: absolute; min-width: 312px; width: 79.1666666%; right: 0;
		   top: 85px; z-index: 10; }
img { border:0px; }
#contentpane .box { min-width:250px; }
#livehelp_form { display:none; }
#liveHelpForm { width:550px; margin:20px auto; }
#liveHelpForm fieldset { padding-left:30px; }
#liveHelpForm .req   { font-weight:bold; }
#liveHelpForm span,#LiveHelpForm input { float:left; font-size:.8em; width:135px; line-height:normal; }
#liveHelpForm span.labelwide { width:auto; }
#liveHelpForm br { clear:left; }
#liveHelpForm span.counter { float:none; }
#liveHelpForm .button_row { clear:left;}
#liveHelpForm input[type=text] { float:left; width:200px; margin:5px; }
#liveHelpForm textarea { width:330px; height:84px; }

#errorLog  { color: red; font-size: .8em; margin: 0px auto; width: 400px; }
@media only screen and (min-width:900px) 
{
    div#logo { margin-left:auto; margin-right:auto; width:1150px; }
    #header  { max-width:1150px; margin:25px auto 0px auto; }
    #main-content { margin:0px auto;  max-width:1150px; } 
    #main-title {  max-width: 1100px; position: absolute; right: 0; top: 85px; z-index: 10; }
}

#logo-image { height:57px; }