/* CSS Document */
/* onlinecandidate.com */
/* Mobile CSS  */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* START smaller than 980 */@media screen and (max-width: 980px) {
#headerWRAP { width: 100% !important; max-width: 100% !important; }
/* pagewrap */
#maincontainer { width: 100% !important;padding: 0px;}
#navbarWRAP { 	width: 100% !important; }
/* content */
#content { width: 60%;} 
/* sidebar */
#sidebar { width: 35%; }
#sidebar .widget {margin-bottom: 10px;}
/* embedded videos */
.video embed,.video object,.video iframe{width:100%;max-width:100%!important;height:auto;min-height:300px}
/* BEGIN Mobile */
.nivoSlider { width: 100% !important; } 
.nivoSlider img { width: 100% !important; height: auto; }
}/*END smaller than 980 */

/* START smaller than 770 */@media screen and (max-width: 768px) {
/* main nav */#main-nav a{font-size:90%;padding:10px 8px}
/* search form */#searchform{position:absolute;top:5px;right:0;z-index:100;height:40px}
#searchform #s{width:70px}
#searchform #s:focus{width:150px}
/* main nav */#main-nav{position:static}
/* content */#content{width:auto;float:none;margin:0;overflow:hidden}
/* sidebar */#sidebar{width:100%;overflow:none;padding-bottom:10px;padding-bottom:20px}
#sidebar .widget{margin:0 0 10px}
/* embedded videos */video embed,.video object,.video iframe{min-height:250px}
#main { }
#main-no-sidebar { }
/* - NEW CODE FOR OC - using existing divs */
#header img{max-width:100%!important;height:auto!important;width:auto\9!important}
#sitetitle{font-size:24px}
#siteslogan{font-size:18px}
#footer{width:100%!important;margin:0;float:none}
#footertext{width:80%;margin:0;float:none;font-size:90%}
.disclaimer{width:90%}
#tagline{margin:0;float:none;text-shadow:none}
/* menu icon */
#menu-icon{color:#000;width:42px;height:30px;background:#ecebeb url(../images/icon-menu.png) no-repeat 10px center;padding:8px 10px 0 42px;cursor:pointer;border:solid 1px #666;display:block}
#menu-icon:hover{background-color:#f8f8f8}
#menu-icon.active{background-color:#bbb}
/* OC CODE REPLACEMNT nav dropdown */
#navbar{width:100% !important}
#navbar ul li a{display:inline; text-align:left; margin:0px; white-space:nowrap; border-radius:0px; text-decoration:none; line-height:20px; color:#000; font-weight:normal; clear:both; float:left; margin:5px 0 5px 5px; padding-left:90px; position:relative; right:0%}
#navbar ul li a:hover{color:#000; text-shadow:none; text-decoration:underline}
#navbar a{padding:0px; display:block; color:#000; background:none}
#navbar ul{position:absolute; top:38px; left:0px; color:#000; text-align:left; width:200px; z-index:10000; padding:0px; background:#EFEFEF; border:0; border:solid 1px #999;  display:none; /* visibility will be toggled with jquery */margin:0px}
#navbar ul ul li a { color:#000000;}
#navbar ul ul{z-index:10000;width:auto;position:static;display:block;border:none;background:none;clear:both;float:left}
#navbar ul ul ul{color:#000;z-index:10000;width:auto;position:static;display:block;border:none;background:none;clear:both;float:left}
#navbar ul li:hover>ul{opacity:1;position:relative;top:99%;left:0}
#navbar ul ul li:hover>ul{position:relative;top:0;left:100%;opacity:1;z-index:1000;background:none}
#navbar a.navarrow{display:hidden;color:#EFEFEF;height:0;margin:0;text-decoration:none}
/* END OC CODE REPLACEMNT nav dropdown */
/* ensure #nav is visible on desktop version */ #navbar{display:block !important}
/* nav-wrap */#navbar{position:relative}
/* images */img{ max-width:100%;  height:auto !important; width:auto9 !important; /* ie8 */}
#content, #contentnosidebar{padding-top:15px; padding-left:20px; padding-right:20px; background-color:#fff}
/* Force table to not be like tables anymore */
.main table, .main thead, .main tbody, .main th, .main td, .main tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.main thead tr{position:absolute;top:-9999px;left:-9999px}
.main 	tr {}
.main td{/* Behave  like a "row" */border:none;position:relative;padding-left:10%}
.main td:before{/* Now like a table header */position:absolute;/* Top/left values mimic padding */top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
.main table, .main thead, .main tbody, .main th, .main td, .main tr { display: block;}
/* END NEW CODE FOR OC - using existing divs */
}/* END smaller than 770 */
/* MOBILE */@media screen and (max-width: 600px) {
#DELETETHISheader{display:none;visibility:hidden}
#DELETETHISheaderSMALL{display:block;visibility:visible}
#sitetitle{margin-top:35px}
}/* MOBILE */
/*START smaller than 560 */@media screen and (max-width: 560px) {
/* disable webkit text size adjust (for iPhone) */
html {-webkit-text-size-adjust: none;}
/* main nav */
#main-nav a{font-size:90%;padding:10px 8px}
#header img{max-width:100%;height:auto!important;width:auto\9!important}
#sitetitle{font-size:30px;width:90%!important;display:block;position:relative}
#sitespacer{width:100%;height:0px;display:block;position:relative}
#siteslogan{font-size:24px;padding-top:0px;width:90%!important;display:block;position:relative;margin:10px auto}
#content{padding-top:15px;padding-left:10px;padding-right:10px;background-color:#fff}
input{width:100px}
input[type='checkbox']{ /* style for checkboxes */ width: 20px; /*Desired width*/ height: 20px; /*Desired height*/ line-height: 20px;}

#poll input{width:20px}
.textarea{display:inline;margin:0;width:150px;text-align:left}
label{margin-bottom:.3em;text-align:left;display:block;width:100%}
fieldset p{font-size:12px}
.button{width:150px;font-size:11px;margin-left:0;padding:5px}
#Security-Question input{width:15px}
figure{}
figure img{padding-top:10px;width:90%;float:none;display:block;margin-left:auto;margin-right:auto}
/* ENHANCED IMAGE STYLES */
.align-left{ max-width:100%;  height:auto !important;  width:auto9 !important; /* ie8 */ float:none;  margin:0 auto;  padding-bottom:0px;  margin-top:10px; margin-bottom:10px; display:block}
.align-right{ max-width:100%;  height:auto !important;  width:auto9 !important; /* ie8 */ float:none;  margin:0 auto;  display:inline-block;  margin-top:10px; margin-bottom:10px; padding-bottom:0px}
.align-center{ max-width:100%;  height:auto !important;  width:auto9 !important; /* ie8 */ float:none;  margin:0 auto;  display:inline-block;  margin-top:10px; margin-bottom:10px; padding-bottom:0px}
 figure >figcaption{ margin:0 auto; padding-top:2px}
#Lfloat{float:none; padding-right:0px}
#Rfloat{float:none; padding-left:0px}
#quote-containerR, #quote-containerL{ width:90%; float:none;  padding:0;  margin:0 auto}
/* Lined Quote Box Float Left*/
.q01{float:none; width:85%; padding-top:1em; padding-right:1em; padding-bottom:1em; padding-left:1em; margin-right:0.9em; margin-bottom:0.2em; background:#fff; border-top-width:4px; border-bottom-width:4px; border-top-style:groove; border-bottom-style:groove; border-top-color:#333; border-bottom-color:#333}
/*Lined Quote Box Float Right*/
.q02{float:none; width:85%; padding-top:1em; padding-right:1em; padding-bottom:1em; padding-left:1em; margin-right:0.9em; margin-bottom:0.2em; background:#fff; border-top-width:4px; border-bottom-width:4px; border-top-style:groove; border-bottom-style:groove; border-top-color:#333; border-bottom-color:#333}
/*Quote Box*/
.q03{background:fcfcfc; border-width:1px; border-style:dashed; border-color:#ccc; color:#a5a4a4; font-style:italic; margin:30px; padding:30px}
/*Quote Box2*/
.q04{border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid; border-top-color:#ccc; border-bottom-color:#ccc;  color:#a5a4a4;  font-style:italic;  margin:30px;  padding:30px;  text-align:center}
/* Quote Box3*/
.q05{margin:10px; padding:35px 40px 10px 50px}
 /*Pull Quote Line*/
.q06{margin-top:10px; margin-bottom:10px; margin-left:30px; margin-right:45px; padding-left:15px}
/*White Quote Box Float Left*/
.q07{float:none; width:85%; padding:1em; margin-right:.9em; margin-bottom:.2em; background:#fff}
/*White Quote Box Float Right*/
.q08{float:none; width:85%; padding:1em; margin-right:.9em; margin-bottom:.2em; background:#fff}
/*Silver Quote Boxes*/
.q09, .q10, .q11, .q12{float:none; width:85%}	
}