@charset "UTF-8";
/* CSS Document */
/* NOTES: container is full width, col-sm-12 gives you 20px padding on either side*/

/* here is where you put the customizations - load this last */

body {
	background-color:#f3f3f3; /* bw yellos is FC3 */
	font-family: 'Raleway', sans-serif;
	font-size:14px;
}
#top {width:100%;height:10px; border-top:5px solid #FFF;background:url(../images/bg-top.jpg) top repeat-x #FFFFFF;margin-top:-5px;}
/* TEXT STYLING */
a {/*font-weight:bold;*/ color:#36C}
h1, h2, h3, h4, h5 {padding-bottom:1rem;}
.note {font-size:90%; font-style:italic;font-weight:bold;}
.error {color:#F00;font-weight:bold;}
.success {color:#396; font-weight:bold;}
.button {  -webkit-appearance: button;
  cursor: pointer;
}
ol li {padding-bottom:5px;}
.glyphicon-remove {color:#F30;}

/* GLOBAL STYLES */
.dashboard {background-color:#fefefe;padding:15px;margin:5px;}
.dashboard img {float:left; margin-right:15px;}
.pg-break {page-break-after:always;} /* force page break for print */
.infobox {background-color:#fff; border:1px solid #ccc; border-radius:5px;/*padding:20px; margin:15px 0 15px 0; */}

table.plans {background:#FFF;}
table.plans td {padding:5px;}

/* LAYOUT ELEMENTS	

/* NOTE: width of the container is set by bootstrap according to device - use container like wrapper - put each major section into a container
/* container is full width, the columns (ie. col-sm-12) gives you 20px left and right padding */

.container {max-width:920px;}
#main {border-top:30px solid #5B83DD;margin-left:250px;min-height:600px;} 

#footer {border-top:1px solid #e8e8e8; text-align:center; font-size:1rem;}
#footer p {padding:10px 0 10px 0;}

.login {margin:0 auto; margin-top:30px; text-align:center;}
.login h1 {font-weight:normal;margin:50px 0 20px 0;}
.login h3 {
	font-weight:100;
	margin:30px 0 50px 0;
}

#hideMe {display:none;}

/*
.navbar-default {height:80px;}
.navbar-nav li {margin-top:20px;}

 background that spans the top of entire html page 
#top {width:100%;height:200px;background-color:#F00; border-bottom:5px solid #FFF;}

#header {width:100%; height:100px; background-color:#FFF;} */

/* main content block for all pages */


/* photo frames 
.frame {border:3px solid #e8e8e8;}
.frame2 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 3px 5px 8px rgba(0,0,0,0.70)}
.frame3 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-moz-box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-webkit-box-shadow: 3px 5px 8px rgba(164,166,173,0.70)}
*//* frame 3 is lighter */

/* shadow border bottom - box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];
.shadow-bottom {
  -webkit-box-shadow: 0 10px 5px #888888;
  -moz-box-shadow: 0 10px 5px #888888;
  box-shadow: 0 10px 5px #888888;
}
/* FORMS ------------------------*/
form label {padding-right:10px;}
#loginForm {width:100%; }
#loginForm input[type="text"] {font-weight:normal;width:100%;}
#formBlock {width:400px; margin:0 auto; background-color:#fefefe; padding:30px;
moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#formBlock img {margin-bottom:20px;}

#seoForm input[type="text"] {width:300px;}
/*#listingForm input[type="text"] {width:500px;}*/
#listingForm .lginput {width:400px;}
@media only screen 
and (max-width: 767px) {
	#main {margin-left:0px;}
	.nav-side-menu {margin-bottom:0px;}
}
/* IPAD  ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* styles here */
}

/* SMARTPHONE */
@media only screen 
and (max-device-width : 400px) {
/* styles here 
h1 {font-size:1rem;}
h2 {font-size:1rem;}
body {font-size:14px;}*/
h1 {font-size:1.65em;}
h3 {font-size:1.45em;}
.login {width:100%;}
#formBlock {width:100%;}
}
/* PRINT STYLING */
@media print {
.nav-side-menu {display:none;}
#main {width:100%;}
}