@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

html, body{
background:#efefef;
font-size: 13px;
font-family: 'Lato', sans-serif;
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
text-shadow: #9e9e9e 1px 1px 2px;
}

/* .the_thing{font-family: 'Permanent Marker', cursive; font-size:19px; font-weight:normal;} */

.highlight{background:yellow;}

input[type=submit], input[type=button]{
line-height:15px; 
cursor:pointer;
}

input[type=text], input[type=password]{
border-radius:2px; 
border:1px solid #cccccc; 
padding:3px;
}


.button_grey{
background:url(images/button_grey_bg.jpg) bottom repeat-x; 
border:1px solid #fff; 
border-radius:13px; 
padding:4px 10px; 
margin:4px 0; 
color:#333; 
font-weight:bold; 
-moz-box-shadow: 0px 0px 4px #353535; 
-webkit-box-shadow: 0px 0px 4px #353535; 
box-shadow: 0px 0px 4px #353535; 
line-height:38px; 
text-shadow: #fff 1px 1px 2px;
text-decoration:none;
}

.button_grey:hover{
background:url(images/button_grey_bg_over.jpg) bottom repeat-x;
color:#5b6a2b;  
}

.button_green{
background:url(images/button_green_bg.jpg) bottom repeat-x; 
border:1px solid #fff; 
border-radius:13px; 
padding:4px 10px; 
margin:4px 0; 
color:#fff; 
font-weight:bold; 
-moz-box-shadow: 0px 0px 4px #353535; 
-webkit-box-shadow: 0px 0px 4px #353535; 
box-shadow: 0px 0px 4px #353535; 
line-height:38px; 
text-shadow: #5b6b29 1px 1px 2px;
text-decoration:none;
}

.button_green:hover{
background:url(images/button_green_bg_over.jpg) bottom repeat-x;
color:#fff;  
}

.button_blue{
background:#243748; 
border-radius:2px; 
padding:6px 16px; 
margin:4px 0; 
color:#fff; 
-moz-box-shadow: 0px 0px 1px #353535; 
-webkit-box-shadow: 0px 0px 1px #353535; 
box-shadow: 0px 0px 1px #353535;  
text-shadow: #000 1px 1px 2px;
font-style:normal;
text-decoration:none;
font-weight:bold;
font-size:13px;
border:none;
}

.button_blue:hover{
color:#fff;
background:#2f465a;
}

.button_white{
background:#fff; 
border-radius:2px; 
padding:6px 16px;
margin:4px 0; 
color:#717171; 
-moz-box-shadow: 0px 0px 1px #353535; 
-webkit-box-shadow: 0px 0px 1px #353535; 
box-shadow: 0px 0px 1px #353535;  
font-style:normal;
text-decoration:none;
font-weight:bold;
font-size:13px;
border:none;
}

.button_white:hover{
color:#717171;
background:#f0f0f0;
}

#header{
height:165px;
width:95%;
margin:0px auto;
background:url(images/header_bg.jpg) repeat-x;
border-radius:0 0 2px 2px;
box-shadow:0px 0px 5px 0px #808080;
position:relative;
}

#header_logo {
width: 409px;
height: 56px;
background: url(images/logo.png) no-repeat;
float: left;
margin: 30px 20px 0 35px;
}

#header_logo a {
display: block;
width: 409px;
height: 56px;
}

#header_login{
/* width:310px; */
background:#000;
border:1px solid #404040;
border-top:none;
position:absolute;
top:0px;
right:50px;
color:#fff;
padding:4px 20px;
text-align:center;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px
-moz-box-shadow:    0px 0px 5px 0px #000;
-webkit-box-shadow: 0px 0px 5px 0px #000;
box-shadow:         0px 0px 5px 0px #000;
}

#header_login a{
color:#fff;
}

#header_login .nav_icon{
height:23px; 
vertical-align:middle; 
margin-bottom:5px;
}

#nav{
height: 50px; 
width:99%;
position:absolute;
top:119px;
margin-left:10px;
}

#nav .page_link{ 
height:34px; 
float:left; 
margin:0 4px;
/*border:1px solid #27384a; prevents button jumping on mouseover*/
background:url(images/nav_bg.jpg) repeat-x; 
border:1px solid #1c2d3a; 
border-radius:5px; 
-moz-box-shadow:    0px 0px 3px 0px #000;
-webkit-box-shadow: 0px 0px 3px 0px #000;
box-shadow:         0px 0px 3px 0px #000;
}

#nav a{
line-height:34px; 
display:block; 
vertical-align:middle; 
color:#fff; 
text-decoration:none;
padding:0 14px;
}

.nav_icon{
height:23px; 
vertical-align:middle; 
margin-bottom:5px;
}

#nav .nav_current, #nav .page_link:hover{
background:url(images/nav_bg_over.jpg) repeat-x; 
}

#wrap{
width: 95%;
margin: 20px auto;
}

#wrap table{
font-size: 13px;
}

/*Module styles*/

.module{
background:#fff;
border:1px solid #d1d1d1;
border-radius:2px;
overflow:hidden;
box-shadow:0px 1px 3px 0px rgba(0,0,0,0.2);
}

.half_left{
width:49%;
float:left;
margin-bottom:20px;
}

.half_right{
width:49%;
float:right;
margin-bottom:20px;
}

.module .module_header{
width:100%;
background:#f0f0f0;
height:37px;
font-weight:bold;
padding-left:10px;
border-bottom:1px solid #d1d1d1;
}

.module .module_title{
text-shadow: #fff 1px 1px 2px;
color:#243748;
font-size:18px; 
line-height:37px;
float:left;
}

.module .module_content{

}

.module .module_header_controls{
	float:right;
	line-height:37px;
	margin-right:25px;
	font-weight:normal;
	color:grey;
	font-style:italic;
}

.module .module_header_break{
margin:-3px 5px 0 5px;
width:2px;
vertical-align:middle;
}

.button{
border:1px solid grey; 
background:#fff; 
cursor:pointer;
}
/* CSS FOR TINYBOX POPUP */
#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

a{
color: #0066cc;
cursor:pointer;
}
a:hover{
color: #2b94fd;
}