@import url(reset.css);
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic');
/* HTML */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body{
  font-family: 'Open Sans', sans-serif;
  color:#000;
  font-size:0.9em;
}
hr{
  border: solid thin #ccc;
}
p{
  margin:5px 0;
}
a:link, a:visited, a:active{
  color:#007dc6;
}
a:hover {
  color:#999;
  text-decoration:none;
}
img{
  border:none;
}
h1,h2{
  padding:0 0 10px 0;
  margin-top:0;
  padding-top:0;
  font-weight:normal;
}
h1{
  color:#007dc6;
  font-size:1.8em;
}
h2{
  color:#999;
  font-size:1.4em;
}
fieldset{
  padding:20px;
  border:1px solid #CCCCCC;
}
legend{
  color:#999;
  font-size:1.2em;
  font-weight:700;
}
input, select, textarea{
  font-family: 'Open Sans', sans-serif;
  border:solid thin #ccc;
  padding:2px 5px;
  margin: 5px 0;
  font-size: 1em;
}
input:hover, select:hover, textarea:hover{
  border:solid thin #999;
}
input{
  color:#666;
}
input[type='file']{
}
input[type='submit']{
  border:1px solid #007dc6;
  background-color: #007dc6;
  cursor:pointer;
  color:#FFF;
}
select{
  padding:0;
  height:25px;
  color:#666;
}
textarea{
  height:200px;
  color:#666;
}
strong{
  font-weight:800;
}
small{
  font-size: 0.8em;
}
img{
  max-width: 100%;
}

/* LAYOUT */
#container-wrap{
  width: 80%;
  margin: 0 auto;
  padding: 60px 0;
}
#container{
  position:relative;
  width:1024px;
  margin:0 auto;
}
#header{
  height:85px;
  border-bottom:1px solid #CCCCCC;
}
#left{
  float:left;
  width:20%;
}
#right{
  float:right;
  width:80%;
}
#main{
  padding: 10px 0px 10px 10px;
}
#main ul{
  list-style:none;
}
#main ul li{
  padding:0 0 0 15px;
}
#footer{
  text-align:right;
  padding:5px 0 0 0;
  margin:0 0 20px 10px;
  border-top:1px solid #CCCCCC;
}
#footer ul{
  padding:0;
  margin:0;
}
#footer ul li{
  list-style:none;
  display:inline;
  padding:0 3px 0 3px;
}
#footer a:link, #footer a:active, #footer a:visited{
  font-size:0.8em;
}
#date{
  position:absolute;
  right:5px;
  top:40px;
  font-size:0.9em;
  text-align:right;
}
	
/* NAVIGATION */
#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited{
  color:#555555;
  text-decoration: none;
}
#nav ul li a:hover{
  color:#FFF;	
  background-color:#E8F3FF;
}
#nav ul li a.ui-state-active:hover{
  color:#007dc6;	
}
#nav ul li ul li a:hover{
  background:#EEEEEE;
}
#nav ul li ul{
  padding: 0;
}
#nav ul li ul li a:link, #nav ul li ul li a:active, #nav ul li ul li a:visited{
  display:block;
  line-height:30px;
  padding:0 0 0 10px;
  font-size:0.8em;
  color:#999;
  text-decoration:none;
  border-bottom:1px dotted #DDDDDD;
}
#nav ul li ul li a:hover{
  background:#EEEEEE;
}
/* GENERAL */
.textareaSml{
  height: 80px;
}
table.wide{clear:both;width:100%;}
tr.heading td{background:#1B78AF;height:20px;color:#FFFFFF;font-weight:bold;}
td.center{text-align:center;}
.center{text-align:center;}

table.agent{text-align:left;}
table.agent th{padding:5px 10px;border-bottom:1px solid #CCC;font-size:1.2em;font-weight:800;text-align:left;}
table.agent td{padding:5px 10px;border-bottom:1px dashed #CCC;}

div.tag{padding:5px 0 0 3px;font-size:14px;font-weight:bold;color:#999;}

div.logout{text-align:right;padding:5px 0 0 0;}

div.clear{clear:both;}

.error{padding:0.5em;margin:0 0 5px 0;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000; font-size:0.9em;}
.success{padding:0.5em;margin:0 0 5px 0;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;}

fieldset p{margin:0 0 5px;}


.inputDescription{color:#999;font-size:0.9em;}
.inputRequired{color: #007dc6;font-size:0.9em;}
	
/* FORM */
#datePicker{float:right;margin:0 0 10px 0;}

#datePicker form{margin:0;padding:0;display:inline;}

#loginContainer{
  margin:50px auto 0 auto;
  padding:10px;
  width:250px;
}
#loginContainer p{margin:0 0 5px;}

table.hitTable{padding:0 0 10px 0; margin:0 0 10px 0;width:100%;border-spacing:0;border-collapse:collapse;}
.hitTable th{padding:10px;background-color:#007dc6;font-weight:800;color:#FFF;text-align:left;}
.hitTable td{padding:10px 10px;font-size:0.9em;text-align:left; vertical-align:middle; background: #FFF;}
.hitTable tr.subRow{background-color:#D2E9F0; }

.alignCenter{
  text-align: center;
}
.pointer{
  cursor: pointer;
}
.hide{
  display:none;
}
.fullWidth{
  width: 100%;
}
#header .logo{
  position: absolute;
  bottom:10px;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}


/* */
.grid li{
    display: block;
    width: 160px;
    float: left;
}
.grid li input{
    border: solid thin #999;
    padding: 5px 0;
}
.grid li img{
  width: 100%;
}

/* SORTING */
#main ul li.sort{
    border: solid thin #666;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    background: #EEE;
    padding: 5px;
    -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
/* STAR RATING */
.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
/*    top:-9999px;*/
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '\2605  ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.floatRight{
  float:right;
}
.characterLimit{
  border: none;
  background: none;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  text-align: right;
}
.characterLimit:hover{
  background: none;
  border: none;
}

/* Pagination style */
.pagination{margin:0;padding:0;}
.pagination li{
  display: inline;
  padding: 6px 10px 6px 10px !important;
  border: 1px solid #ddd;
  margin-right: -1px;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 5px #F4F4F4;
}
.pagination li a{
  text-decoration:none;
  color: rgb(89, 141, 235);
}
.pagination li.first {
  border-radius: 5px 0px 0px 5px;
}
.pagination li.last {
  border-radius: 0px 5px 5px 0px;
}
.pagination li:hover{
  background: #CFF;
}
.pagination li.active{
  background: #F0F0F0;
  color: #333;
}