/*
Free Basic Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

 
 
 
/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background-color: #E2E2E2;color: #292929;font: 14px/25px Arial, Helvetica, sans-serif;}


/*-------------------------*/
a{color: #075ca7;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;transition: all 0.3s ease-in-out 0s;}

a.button, input.button {	
cursor: pointer;	
color: #808080;
background:#DFDFDF;	
line-height: 12px;	
font-family: Arial, Helvetica, sans-serif;	
font-size: 12px;	
font-weight: bold;	
border:1px solid #DFDFDF;
border-radius: 5px;}

a.button {	
display: inline-block;	
text-decoration: none;	
padding: 6px 12px 6px 12px;}

input.button {	
margin: 0;	
border: 0;	
height: 24px;	
padding: 0px 12px 0px 12px;}

a.button:hover, input.button:hover {
	color:#ffffff;
	background: #075ca7;
	border:1px solid #FFFFFF;
	border-color: #FFFFFF;
	border-radius: 5px;}


/*Text Links - Newtrucker page */
a.trucker:link,a.trucker:active,a.trucker:visited {
    color: #075ca7;
    background: #ebeaea;
    padding: 5px;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    font-size: 12px;
    font-weight: normal;
    text-decoration:none;
    line-height:28px;
}
a.trucker:hover {
    color: #000;
    background: none;
    padding: 5px;
    /*text-decoration: underline;*/
    border-bottom: 1px dashed #000;
    transition: all 0.3s ease-in-out 0s;
    font-size: 12px;
    font-weight: normal;
    line-height:23px;
}
/*Holds crumb Links or links under main menu on NewTrucker page */
.op_crumbs {
height:35px;
}

/*New Button styled*/
.btn3 {
    background-color: #DFDFDF;
    background: -moz-linear-gradient(center top , #DFDFDF, #b4b3b3);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 0 0 rgba(0, 0, 0, 0.2);


    color: #333333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
    line-height: 15px;
    padding: 5px 12px;
	margin-bottom: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;

    cursor: pointer;
    display: inline-block;
	transition: all 0.3s ease-in-out 0s;
   
}
 .btn3:hover {
	background-color: #075ca7;
	background: -moz-linear-gradient(center top , #075ca7, #053d6f);
	color: #FFFFFF;
	text-shadow: none;
	
 }



/*To TOP Arrow */
#toTop {
    background: none repeat scroll 0 0 #000;
    border-bottom: 1px solid #000;
    border-top: 2px solid #000;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 26px;
    height: 30px;
    line-height: 30px;
    position: fixed;
    right: 30px;
    text-align: center;
    transition: color 0.2s ease-out 0s;
    width: 40px;
}
#toTop:hover {
    color: #0483bc;
	text-decoration:none !important;
}

/*Error line for CONTACT form in red text */
.error {
    clear: both;
    color: #ff0000;
    font-size: 12px;
    font-weight: bold;
    width: auto;
}



/* Responsive iFrame for Google Calendar */ 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-------------Header */
header {height: 90px;width:100%; background:#FFFFFF url('../images/pattern-1.png') repeat-x;margin-bottom:0px;}

header #logo {margin-top:0px;}

header #search-box {position: relative;width: 300px;margin-top:0px;}
header #search-form {height: 25px;border: 1px solid #999;background-color: #fff;overflow: hidden;}
header #search-text {font-size: 14px;color: #ddd;background: transparent;}
header #search-box input[type="text"] {width: 80%;padding: 5px 0 5px 1em;color: #333;outline: none;}
header #search-button {position: absolute;top: 0;right: 0;height: 27px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 26px;background-color: #999;cursor: pointer;border:0px;}





/*------------MENU ----------------------------------------------------------------------*/
nav {width:100%;max-width:960px;height: 37px;margin: 0 auto 5px auto;background:#075ca7 /*url(../images/lines2.png)*/;}
nav ul {list-style: none;margin: 0;padding: 0;}

nav ul li {position: relative;float: left;padding: 6px 5px 0px 5px}

nav ul li:hover {background: #075ca7 url('../images/lines.png');}
nav ul li a {font-size: 13px; line-height:14px;color: #ffffff;display: block;padding: 6px 10px 6px 10px;margin-bottom: 0px;z-index: 6;position: relative;font-weight:bold;}
nav ul li:hover a{color:#FFFFFF;text-decoration:none}


/*-------------content ------------------------------------------------------------------*/
#content {}

.block {padding: 10px 0px;background:#ffffff;}

.main-content{}
.main-content article{margin: 20px 0;overflow:hidden; position:relative}
/*Subpages article with no margin */
.main-content article-sub{margin: 0px 0;overflow:hidden; position:relative}

.main-content .heading h2{ font-size:20px; line-height:25px; letter-spacing:-1px; font-weight:bold;color:#075ca7;}
.main-content .heading .info{font-size:12px; font-style:italic;}
.main-content .content{}
.main-content .content img{float:left; margin:7px 30px 0px 0; border:#BDBDBD 5px solid;}
/*Added to operations page so no border around Question Mark image */
.qmarks img{float:left; margin:0px 10px 0px 0px !important; border:#FFFFFF 5px solid !important;}


.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none;}

.sidebar section{margin-bottom: 10px;}
.sidebar .heading{color:#ffffff; background:#075ca7 url('../images/boxtitle.png') no-repeat left center; font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size:22px; font-weight:normal; padding: 10px 10px 10px 50px;}
.sidebar .content{padding:7px;}
.sidebar .content img{float:left; margin:5px; border:#BDBDBD 5px solid;}

.featured{width:100%; margin-bottom: 20px;}

/*UL Bulleted List #1 Blue Dot*/
ul {margin:0; padding-left:40px;list-style-image:none;}
ul.list li {/*padding:0px 0 5px 12px;*/padding:2px 0 2px 15px; line-height:25px; background:url(../images/marker-1.gif) 0 11px no-repeat;}
ul.list li a { font-size:14px; color:#075CA7; line-height:25px;display: block;}
ul.list li a:hover {color: #000;text-decoration: underline;transition: all 0.3s ease-in-out 0s;}
/*Above is background to hover state */


/*UL Bulleted List #2 Black Dot*/
ul {margin:0; padding-left:20px;list-style-image:none;}
ul.list-black li {padding:2px 0 2px 15px; line-height:25px; background:url(../images/marker-black.gif) 0 11px no-repeat;}
ul.list-black li a { font-size:14px; color:#075CA7; line-height:25px;/*display: block;*/}
ul.list-black li a:hover {color: #000;text-decoration: underline;transition: all 0.3s ease-in-out 0s;}


/*Contact Form */
/*Wrapper. Note remember to apply new changes to responsive.css also for Mobile view */
#contactform {
    background: none repeat scroll 0 0 #cedafa;
    border: 1px solid #075ca7;
    margin-bottom: 50px;
    padding: 10px;
	border-radius: 6px;
    width: 90%;
	height:630px;
}
.button_blue {
text-align: center;
}
.contact_form {
    color:#000;line-height:25px; letter-spacing:-1px; 
	font: 16px "Lucida Grande",Helvetica,Arial,sans-serif;font-weight:bold;
   -webkit-text-size-adjust: none;/*disable zoom behavior on iPhone/iPads*/
}


.textholder {
width:95%;
margin:0px 20px 10px 0px;
padding: 0px;
float:left;
text-align:left;
color: #000;
font: 16px "Lucida Grande",Helvetica,Arial,sans-serif;
-webkit-text-size-adjust: none;/*disable zoom behavior on iPhone/iPads*/
}
.text {
text-align:left;
color: #000;
font: 16px "Lucida Grande",Helvetica,Arial,sans-serif;
-webkit-text-size-adjust: none;/*disable zoom behavior on iPhone/iPads*/	
}

.textfield {
width:90%;
padding:3px;
float:left;
background: none repeat scroll 0 0 #FFFFFF;
color: #000;
font: 18px "Lucida Grande",Helvetica,Arial,sans-serif;
font-weight:normal;
-webkit-text-size-adjust: none;/*disable zoom behavior on iPhone/iPads*/

-moz-box-sizing: border-box;
border: 1px solid #075ca7;
-moz-box-shadow:    inset 0 0 10px #d9e3b9;
-webkit-box-shadow: inset 0 0 10px #d9e3b9;
box-shadow:         inset 0 0 10px #d9e3b9;
	
-webkit-border-radius: 5px;
-moz-border-radius   : 5px;
border-radius        : 5px;
}
.textfield:focus {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(87, 91, 11, 0.6);
    color: #000000;
    outline: 0 none;
}
textarea.expanding {
    border: 1px solid #075ca7;
    border-radius: 5px;
    box-shadow: 0 0 10px #d9e3b9 inset;
    box-sizing: border-box;
    resize: none;
    width: 90%;
	/*Word Break */
    word-wrap: break-word;
	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
}
textarea {
    background: none repeat scroll 0 0 #ffffff;
    color: #000;
    font: 14px/1.5em "Lucida Grande",Helvetica,Arial,sans-serif;
    margin: 8px 0;
    padding:  8px;
	width: 100% !important;
	height:130px;
    white-space: pre-wrap !important;
    /*Word Break */
    word-wrap: break-word !important;
	-ms-word-break: break-all !important;
     word-break: break-all !important;
     word-break: break-word !important;
    overflow: auto;/*for IE Remove default scrollbars*/
	resize: none;/*Remove resize handle*/
}


textarea:focus {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(87, 91, 11, 0.6);
    color: #000000;
    outline: 0 none;
}




/*Buttons - Submit and Cancel */
.refund_btn { 
width: 100px;
height: 30px;
margin-right:20px;
text-align:center;/*Text on button */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
  
font-size: 15px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:700;
-webkit-text-size-adjust: none;/*disable zoom behavior on iPhone/iPads*/

border-radius: 6px;
cursor: pointer;
border-top: 1px solid rgba(#075ca7 0.3);
/*box-shadow with inset and shadow */
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 2px 3px #999; 

background-color: #075ca7; 
 
background-image: -khtml-gradient(linear, left top, left bottom, from(#4cb1e0), to(#075ca7)); 
background-image: -moz-linear-gradient(top, #4cb1e0, #075ca7); 
background-image: -ms-linear-gradient(top, #4cb1e0, #075ca7); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cb1e0), color-stop(100%, #075ca7)); 
background-image: -webkit-linear-gradient(top, #4cb1e0, #075ca7); 
background-image: -o-linear-gradient(top, #4cb1e0, #075ca7); 
background-image: linear-gradient(#4cb1e0, #075ca7);

  
  
border-color: #075ca7; 
color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66); 
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;/*disable zoom behavior on iPhone/iPads*/
}



/*hover*/
.refund_btn:hover {
background: none repeat scroll 0 0 #4cb1e0;
box-shadow: none;
border-bottom: 2px solid rgba(176, 182, 76, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

background-image: -khtml-gradient(linear, left top, left bottom, from(#075ca7), to(#4cb1e0)); 
background-image: -moz-linear-gradient(top, #075ca7, #4cb1e0); 
background-image: -ms-linear-gradient(top, #075ca7, #4cb1e0); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #075ca7), color-stop(100%, #4cb1e0)); 
background-image: -webkit-linear-gradient(top, #075ca7, #4cb1e0); 
background-image: -o-linear-gradient(top, #075ca7, #4cb1e0); 
background-image: linear-gradient(#075ca7, #4cb1e0);
}


.alerts_star {
    color: #ff0000;
    font: 16px "Lucida Grande",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    text-align: left;
}
.clear {
	clear:both
}
/*END Contact Form CSS -------------------------------------------------*/

/*GA Links Sidebar */
.ga_sidebar {background:#FFFFFF url(../images/map_ga.png)  no-repeat right center; width:280px; height:160px;}
/*.ga_sidebar {background:# url(../images/map_ga.png)  no-repeat 80px 40px; width:280px; height:160px;}*/



/*------------footer */ 
footer {padding: 20px 10px; background:#3F3F3F;margin-top:0px;border-top:#000 3px solid;}
footer .heading{ color:#ffffff; padding-bottom:5px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#ffffff;}
footer .content img{float:left; margin:5px; border:#ffffff 5px solid;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle;margin-left:20px;}
footer ul li a { font-size:14px; color:#ffffff;}
footer ul li a:hover {color:#075ca7; text-decoration:none; cursor:pointer;}

/*-------------copyright*/
#copyright{display:inline-block; width:100%; text-align: center; background:url(../images/bg-footer.png);padding:8px 0px;color:#ffffff;}