@viewport{
    zoom: 1.0;
    width: device-width;
}



#menubox {
    border-width: 1px; 
    border: solid thin #CDCDCD; 
    padding: 30px;
    width: 250px;
    background: #F0F0F0;
}

#menubox2 {
    border-width: 1px; 
    border: solid thin #CDCDCD; 
    padding: 30px;
    width: 500px;
    background: #F0F0F0;
}

#menubox3 {
    background-image: linear-gradient(to bottom, yellow, goldenrod);
    border-width: 1px; 
    border: solid thin #CDCDCD; 
    padding: 30px;
    padding-top: 10px;
    margin-top: 0px;
    width: 300px;
    /*background: #F0F0F0; */
    color: darkblue;
    
}


#menu-button {
	position: relative;
    top: 50%; 	
	left: 0;
    width: 100%;
}

#error {
    border-width: 1px; 
    border: solid thin #CDCDCD; 
    padding: 3px;
    background: #FF0000;
	color:  white;
	text-align: center;
}

#outer1 {
	position: relative;
	padding-top: 20px;
    margin-top: ;
	display: table;
	margin-left: auto;
    margin-right: auto;	
    
}

#back-to-main {	
	display: block;
	margin-left: 125px;
	margin-right: 125px;
}

#newrow1 {
   border-width: 1px; 
   border: solid thin #CDCDCD; 
   padding: 30px;   
   background: #F0F0F0;
}

#newrow2 {
   border-width: 1px; 
   border: solid thin #CDCDCD; 
   padding: 30px;
   width: 450px;
   background: #F0F0F0;
}

#column-bottom {
	vertical-align: bottom;
}

#search-grid {
    border-collapse: collapse;
	border-spacing: 0;
    border: solid thin #CDCDCD; 
    /*left: 20%;*/
    top: 5%;	
	padding: 30px;
	background: #F0F0F0;
	color: #5F5F5F;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 50px;
    
     
}

#grid {
    border-collapse: collapse;
	border-spacing: 0;
    border: solid thin #CDCDCD; 
    background: grey;
	color: white;
   
    
}


#grid:hover {
    background: yellow;
    color: black;
    
    
    
}

.eventsubmit {
   /* background: url('../images/button1-inactive.png');*/
    background-image: linear-gradient(to top, teal, darkblue);
    color: white;    
    height: 43px;
    display: block;
    border: 0;
    text-decoration: none;
	line-height: 43px;	
    text-align: center;
	vertical-align: middle;
}

.eventsubmit:hover {
  /* background: url('../images/button1-hover.png');*/
    background-image: linear-gradient(to bottom, teal, darkblue);
     text-decoration: none;
     height: 43px;
}

.form_login{
    background-image: linear-gradient(to top, teal, darkblue);
    color: white;    
     height: 38px;
    display:inline-block;
    align-content: center;
    border: 0;
    text-decoration: none;
	line-height: 38px;	
    text-align: center;
	width: 200px;
    
   
}
.form_login:hover{
    background-image: linear-gradient(to bottom, teal, darkblue);
    
}


.addTextField {
   margin-bottom: 0px;
   padding: 3px;
   height: 28px;
   border: solid thin #B4B4B4;
   border-radius: 3px;
   display: inline;
}

.fieldLabel {
   color: #5F5F5F;
   font-weight: normal;
   width: 90%;
   height: 16px;
}

.fieldSubLabel {
   color: #5F5F5F;
   font-weight: normal;
   width: 90%;
   height: 16px;
   font-style: italic;
   font-size: 90%;
}

.fieldLabel1 {
   color: #5F5F5F;
   font-weight: normal;
   width: 90%;
   height: 16px;
   text-align: center;   
}

.fieldSubLabel1 {
   color: #5F5F5F;
   font-weight: normal;
   width: 90%;
   height: 14px;
   font-style: italic;
   font-size: 90%;
   text-align: center;
}

img.login-logo {
	margin-top: 0;
	display: block;
	margin-left: auto;
    margin-right: auto;
}





.jobday1 {
    background-image: linear-gradient(to bottom, green, forestgreen);
   color: white;
    height: auto; 
    display: block;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    margin-top: 5%;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	 line-height: 25px; 	
    text-align: center;	
    border-style: solid;
    border-color: darkgreen;
}

.jobday1:hover {
   background-image: linear-gradient(to top, green, forestgreen);
    /*background-color: darkred;*/
}
.jobday1 a:link {
    color: white;
     text-decoration: none;
}
.jobday1 a:hover {
    color: white;
     text-decoration: none;
}
.jobday1 a:visited {
    color: white;
     text-decoration: none;
}
.jobday1 a:active {
    color: white;
     text-decoration: none;
}


.jobday2 {
    background-image: linear-gradient(to bottom, yellow, goldenrod);
    color: black;
    
   height: auto; 
    display: block;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    margin-top: 5%;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	 line-height: 25px; 	
    text-align: center;
	vertical-align: ;
    border-style: solid;
    border-color: darkgoldenrod;
}

.jobday2:hover {
    background-image: linear-gradient(to top, yellow, goldenrod);
    /*background-color: darkred;*/
}
.jobday2 a:link {
    color: black;
     text-decoration: none;
}
.jobday2 a:visited {
    color: black;
     text-decoration: none;
}
.jobday2 a:hover {
    color: black;
     text-decoration: none;
}
.jobday2 a:active {
    color: black;
     text-decoration: none;
}


div.jobday3 {
    background-image: linear-gradient(to bottom, red, firebrick);
    color: white; 
    
   height: auto; 
    display: block;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    margin-top: 5%;
    border-style: solid;
    border-color: darkred;
    text-decoration: none;
	 line-height: 25px; 	
    text-align: center;
	vertical-align: ;
}

.jobday3:hover {
  background-image: linear-gradient(to top, red, firebrick);
    /*background-color: darkred;*/
}
.jobday3 a:link {
    color: white;
     text-decoration: none;
}
.jobday3 a:visited {
    color: white;
     text-decoration: none;
}
.jobday3 a:hover {
    color: white;
     text-decoration: none;
}
.jobday3 a:active {
    color: white;
     text-decoration: none;
}


.basicjob {
    /*color:  white;    */
   height: auto; 
    display: block;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    margin-top: 5%;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	 line-height: 25px; 	
    text-align: center;
	vertical-align: ;
}

.basicjob:hover {
   /*background: url('../images/button1-hover-130-height.png'); */
    /*background-color: darkred;*/
}





.mockjoblist {
    /*color:  white;    */
   height: auto; 
    display: block;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    margin-top: 5%;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	 line-height: 25px; 	
    text-align: center;
	vertical-align: ;
}

.mockjoblist:hover {
   /*background: url('../images/button1-hover-130-height.png'); */
    /*background-color: darkred;*/
}

.mockjob {
   /* background: url('../images/button1-inactive-100-height.png');   */
    /*background-color: firebrick;*/
    /*color:  white; */   
   /* height: 100px; */
    display: block;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	line-height: 25px;	
    text-align: center;
	vertical-align: ; 
}

.detailjob {
    /*background: url('../images/button1-inactive-275-height.png'); */  
    /*background-color: firebrick;*/
    /*color:  white;    */
   /* height: auto;*/
    display: block;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	line-height: 25px;	
    text-align: center;
	vertical-align: ;
}

.denyjob {
    background: url('../images/button1-inactive-50-height.png');   
    background-color: firebrick;
    /*color:  white;   */ 
    height: 50px;
    display: block;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	line-height: 50px;	
    text-align: center;	
}

.denyjob:hover {
   background: url('../images/button1-hover-50-height.png'); 
    /*background-color: darkred;*/
}

.acceptjob {
    /*background: url('../images/button-green-inactive-50-height.png');   */
    /*background-color: forestgreen;*/
   /* color: white; */
    height: 50px;
    display: block;
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	line-height: 50px;	
    text-align: center;
    a:visited {color:white;}
    
}
.acceptjob:hover {
   background: url('../images/button-green-hover-50-height.png'); 
    a:visited {color:white;}
     text-decoration: none;
    /*background-color: darkgreen;*/
}
 



.buttonback {    
    background-image: linear-gradient(to bottom, teal, darkblue);
    /*border-style: solid;*/
   /* border-color: darkred;*/
    color:  white;    
    height: 43;
    display: block;    
    text-decoration: none;
	line-height: 43px;	
    text-align: center;    
     a:visited {color:white;}
   /* background: url('../images/button1-inactive.png');	*/
}

.buttonback:hover {    
  background-image: linear-gradient(to top, teal, darkblue);
     a:visited {color:white;}
     text-decoration: none;
}

.hideme{
    
    visibility: hidden;
    height: 0px;
}





.complete {
    background-image: linear-gradient(to bottom, darkgreen, limegreen);   
   
    color: white; 
    height: 50px;
    display: block;
    width: {100%;}
    border-style: single;
    border-color: green;
    border-width: 3px;
    text-decoration: none;
	line-height: 50px;	
    text-align: center;
    a:visited {color:white;}
    
}
.complete:hover {
  background-image: linear-gradient(to top, darkgreen, limegreen);
    a:visited {color:white;}
    /*background-color: darkgreen;*/
}

.delete {
    background-image: linear-gradient(to bottom, red, darkred);   
   
    color: white; 
    height: 50px;
    display: block;
    width: {100%;}
    border-style: single;
    border-color: red;
    border-width: 3px;
    text-decoration: none;
	line-height: 50px;	
    text-align: center;
    a:visited {color:white;}
    
}
.delete:hover {
  background-image: linear-gradient(to top, red, darkred);
    a:visited {color:white;}
    /*background-color: darkgreen;*/
}

.loginbtn {
    background-image: linear-gradient(to bottom, teal, darkblue); 
    /*background-color: forestgreen;*/
    color: white; 
    height: 50px;
    width: 30%;
   /* display: block; */
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	line-height: 50px;	
    text-align: center;
    a:visited {color:white;}
    
}
.loginbtn:hover {
   background-image: linear-gradient(to top, teal, darkblue); 
    a:visited {color:white;}
     text-decoration: none;
    /*background-color: darkgreen;*/
}
.clearbtn {
    background-image: linear-gradient(to bottom, red, darkred); 
    /*background-color: forestgreen;*/
    color: white; 
    height: 50px;
    width: 30%;
   /* display: block; */
    /*border-style: ridge;
    border-color: darkred;*/
    text-decoration: none;
	line-height: 50px;	
    text-align: center;
    a:visited {color:white;}
    
}
.clearbtn:hover {
   background-image: linear-gradient(to top, red, darkred); 
    a:visited {color:white;}
     text-decoration: none;
    /*background-color: darkgreen;*/
}

.submit{
    visibility: hidden;
}



@media screen and (max-width: 800px){
    #outer1 {  
    width: 110%;
    height: 100%;     
    padding: 0px;
	margin-top: -10px;
	margin-left: -5%;
    margin-right:0px;
    
    }
    #menubox3 {    
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 0px;
    
    width: 90%;    
    }
    #menubox {
    border-width: 1px;      
    padding: 5%;
    width: 90%;    
    }
    label.fieldLabel{ 
        
    }
}