/*===============================================
  Screen-only stylesheet
================================================*/

/*-------------------------------------------------
  General HTML, global styles
-------------------------------------------------*/

body {
  color: #333;
  background-color: #fff;
  font-size: 12px;
  line-height: 17px;
  font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", arial, helvetica, sans-serif;
  text-align: center;
  margin: 0px;
  padding: 15px;
}


h1, h2, h3 { font-family: Arial, helvetica, sans-serif; }

a, a:visited { color: #003366; text-decoration: none; }
a:hover { color: #336699; text-decoration: underline; }


pre { font-size: 12px; }

hr { display: none }

p {
  margin: 7px 0 7px 0;
  padding: 0;
}

td, th {
  font-size: 12px;
  line-height: 15px;
}

th { font-weight: normal; }

small {
  font-size: 11px;
  color: #666;
}

form {
  margin: 0;
  padding: 0;
}

fieldset {
	border: 1px solid #d4d4d4;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	max-width: 600px;
	padding: 7px;
	margin: 8px 0 12px 0;
}

fieldset.form {
	border: 0px;
	padding: 1px 0 7px 0;
}

legend, .column_header, .view_item_link {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
}
legend a, legend a:hover { text-decoration: none; color: #666;}

legend { margin: 0 0 1px 0; padding: 0 1px; }

.view_item_link, .column_header { color: #003366; } 







code {
  font-family: "Monaco", "Lucida Console", "Courier New", monospace;
  color: #333;
}

pre {
 color: #333;
 font-family: "Monaco", "Lucida Console", "Courier New", monospace;
 background: #f7f7f7;
 border: 1px solid #d7d7d7;
 margin: 1em 0;
 padding: .25em;
 overflow: auto;
}


.gray_text { color: #666; }

/*-------------------------------------------------
  Hide for media=print
-------------------------------------------------*/

.print_only { display: none; }

/*-------------------------------------------------
  Dividers
-------------------------------------------------*/

.thin_divider {

  height: 1px;
  line-height: 1px;
  margin: 5px 0 5px 0;
  padding: 0;
  border-bottom: 1px solid #e6e6e6;

}


/*-------------------------------------------------
  Clearfix
  Thanks to PIE - http://www.positioniseverything.net
  Revised for IE7
-------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
  Layout Structure
-------------------------------------------------*/

#container {
  width: 95%;
  margin: 0px auto;
  background-color: #fff;
  color: #333;
  background: #ffffff url(/plugin_assets/jetson_plugin_admin/images/bg.gif) repeat-y top left;
  text-align: left;
}

#container.no_side { background: #ffffff; }

#header {
  margin: 0;
  padding: 0px 0 0 0;
  border-bottom: 1px solid gray;
  background: #fff;
  height: 35px;
}

#header h1 {
  margin: 0px;
  padding: 0px;
  /* letter-spacing: -1px; */
  font-size: 22px;
  line-height: 35px;
  text-decoration: none;
  display: inline;
  color: #555;
}

#header h1 a { text-decoration: none; }

#header_menu {
  position: absolute;
  top: 27px;
  right: 4%;
  float: right;
  margin: 0;
  padding: 0;
}

#header_menu small {
  font-size: 11px;
}

#side {
  float: left;
  width: 160px;
  margin: 0;
  padding: 20px 10px 10px 10px;
  font-size: 12px;
  background: #f4f4f4;
}

#side h3 {
  margin: 7px 0 0 0;
  padding: 0;
  font-size: 12px;
}

#side h3#top { margin: 0; }

#side ul {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 18px;
  list-style-type: none;
}

#side ul li {
  margin: 0px 0px 3px 0px;
  font-size: 12px;
  padding-left: 15px;
  background-image: url(/plugin_assets/jetson_plugin_admin/images/bullet_green.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

#side ul li.expand { 
	background-image: url(/plugin_assets/jetson_plugin_admin/images/bullet_toggle_plus.png); 
	background-position: 0px 2px;
	}

#side ul li a {
  text-decoration: none;
}

#side ul li a:hover {
  text-decoration: underline;
}

#main {
  margin-left: 185px;
  padding: 10px;
}

#main.no_side {
  margin-left: 0px;
}

#main p {
  max-width: 600px;
  line-height: 17px;
  padding: 5px 0 5px 0;
  margin: 0;
}

#main td p { max-width: 100%; }

#main h2 {
  margin: 5px 0 0 0;
  padding: 0px 0px 5px 0px;
  /* letter-spacing: -1px; */
  font-size: 22px;
  line-height: 25px;
  text-decoration: none;
}

#main h3 {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  font-size: 22px;
  line-height: 25px;
  text-decoration: none;
}

#inline_menu {
  line-height: 17px;
  width: 98%;
  background: #e4e4e4;
  margin: 10px 0px 10px 0px;
  padding: 3px 0px 3px 7px;
  border-top: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#footer {
  clear: both;
  margin: 20px 0 0 0;
  padding: 5px;
  color: #555;
  background-color: #ffffff; 
  border-top: 1px solid gray;
}

#footer p {
  margin: 0;
  padding: 0;
}

#footer p small {
  margin: 0;
  padding: 0;
  color: #666;
}

/*-------------------------------------------------
  Misc
-------------------------------------------------*/

.dataitem {
  width: 98%;
}

.counter {
  display: block;
  margin: 10px 0px 10px 0px;
  padding : 0;
  font-size: 11px;
}

.counter td { font-size: 11px; }


#message {
  font-size: 12px;
  line-height:15px;
  color: #333;
}

#errorExplanation { margin-right: 2%; }


.list_view_inactive {color: #888; }

.html_arrows { font-size: 11px; color: #666; font-weight: normal; }


/*-------------------------------------------------
  Uploads
-------------------------------------------------*/

.progressBar .border { width: 100%; height: 3px; margin: 5px 0 2px 0;}
.progressBar .background { background-color: #666; height: 3px; width: 0%; margin: 5px 0 2px 0; }

.upl {
  font-size: 11px;
  color: #333;
}

#upload_iframe {
  text-align:left;
  width:390px;
  margin-top:7px;
  font-size:12px;
  line-height:15px;
}

#upload_iframe p {
  padding: 0;
  margin: 5px 0 0px 0;
  font-size:12px;
}

/*-------------------------------------------------
  Images
-------------------------------------------------*/

.image_list_thumbs {
float: left;
text-align: center;
display: inline; width: 80px; height: 80px;
padding: 0px;
margin: 5px; background: #ccc;
}

.image_list_thumbs a img { border: 1px solid #ccc; }
.image_list_thumbs a:hover img { border: 1px solid #336699; }



/*-------------------------------------------------
  Sortable lists
-------------------------------------------------*/

ul#jet_admin_imagelist {
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul#jet_admin_imagelist li { margin: 2px 0px; line-height: 42px; }
ul#jet_admin_imagelist li img { border: 1px solid #ccc; }

ul#jet_admin_itemlist, ul.jet_admin_itemlist {
list-style-type: none;
padding: 0px 0px 0px 5px;
margin: 0px;
}

ul#jet_admin_itemlist li, ul.jet_admin_itemlist li { margin: 5px 0px;  font-size: 12px; font-weight: bold; }
ul#jet_admin_itemlist li small { margin: 5px 0px;  font-size: 11px; font-weight: normal; }

/*-------------------------------------------------
  Activity spy
-------------------------------------------------*/

.spy {
	padding: 0;
	margin: 5px 0px 10px 0px;	
	color: #003366;
}

.spy-time {
	color: #666;
	font-size: 11px;
	display: block;	
}

.spy-item-0 { color: #444; }
.spy-item-1 { color: #3F4C6B; }


/*-------------------------------------------------
  Object log
-------------------------------------------------*/

.jet_object_log {
	border: 1px solid #ccc;
	background: #f1f1f1;
	margin: 5px 0;
	padding: 5px;	
}

.jet_object_log td { font-size: 11px; }

/*-------------------------------------------------
  Pagination
-------------------------------------------------*/

.pagination {
margin: 10px 0px;
padding : 0;
font-size: 11px;
}
.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #999;
text-decoration: none;
}
.pagination a:hover, .pagination a:active {
border: 1px solid #ddd;
}
.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #999;
background-color: #e5ffe5;
color: #003366; 
}
.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #ddd;
color: #ccc;
}