/********************************************************/
/**************CHARLESTON COUNTY GOVERNMENT**************/
/**********************COLOR STYLES**********************/
/************(MAIN STYLES LOCATED IN CC.CSS)*************/
/********************************************************/

/* Fix to prevent shifting of page when no vertical scrollbar is present */
/* This forces vertical scrollbar on all page */
/*******/
/*FORMS*/
/*******/
.form input, .form input.verify {border: #999;color: #333333;}
.form textarea {border: #999;color: #333333;}
/*.form input:focus, .form textarea:focus {outline: #7394b6;background: #e6edf5;}*/
.form input.submit {background: #003366;color: #ffffff;display: block; margin:5px;}

.form input.submit:hover {background: #7394b6;}

/*******************************/
/*FONT COLORS FOR SCREEN SURFER*/
/*******************************/
#surferform .green {
	color: green;
}
#surferform .red {
	color: red;
}
.green {
	color: green;
}
.red {
	color: red;
}

.frmcocdaybook label {
    width: 20%;
   
}

.frmcocdaybook .divfloat
{
    float: none; 
    text-align:center;
    position:relative;
}

.frmcocdaybook .divfloatl
{
    float: left; 
    text-align:center;
    position:relative;
}



/*****************************************************/
/**********Styles for screen 800px and lower**********/
/*****************************************************/
@media screen and (max-width: 1024px) {


}


/*****************************************************/
/**********Styles for screen 800px and lower**********/
/*****************************************************/
@media screen and (max-width: 800px) {

      

}



/******************************/
/*MAIN NAVIGATION DESKTOP ONLY*/
/******************************/
@media screen and (min-width: 800px) {
            

}

/*****************************************************/
/**********Styles for screen 640px and lower**********/
/*****************************************************/
@media only screen and (max-width : 640px) {

            .frmcocdaybook .lblhide
   {
    display:none;
       }

.frmcocdaybook label {
    width: 45%;
   
}
}

/*****************************************************/
/**********Styles for screen 600px and lower**********/
/*****************************************************/
@media only screen and (max-width : 600px) {
            .frmcocdaybook .lblhide
   {
    display:none;
       }

.frmcocdaybook label {
    width: 45%;
   
}

}

/*****************************************************/
/**********Styles for screen 480px and lower**********/
/*****************************************************/
@media only screen and (max-width : 480px) {

   .frmcocdaybook .lblhide
   {
    display:none;
       }

.frmcocdaybook label {
    width: 45%;
   
}

}

/*****************************************************/
/****************Styles for SMARTPHONE****************/
/*****************************************************/
@media only screen and (max-width : 320px) {

            .frmcocdaybook .lblhide
   {
    display:none;
       }

.frmcocdaybook label {
    width: 45%;
   
}
}