@import '960.css';

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #eee;
}

.menustripe {
  width: 100%;
  background:  #ccc; /* old browsers */
  background:  -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* firefox */
  background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* webkit */
  background: -o-linear-gradient(top, #eee 0%,#ccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
  padding: 20px 0 13px 0;
  border-bottom: 1px solid #bbb;
}

.menustripe form {
  float: right;
  margin-top: -7px;
}

.menustripe a.nav {
  font-family: 'Ubuntu', serif;
  text-transform: lowercase;
  color: #666;
  text-decoration: none;
  padding: 22px 15px 22px 15px;
  margin: 0;
  border-left: 1px solid #ccc;
  font-weight: normal;
}

.menustripe a.nav:first-of-type {
  border: none;
}

.menustripe a.nav:hover {
  /*text-decoration: underline;*/
  box-shadow: inset 0 0 6px #bbb;
}

.subpanel {
  height: 1px; 
  border-top: 1px solid #fff;
  margin-bottom: 15px;
}

a.main-logo {
  font-size: 20px;
  color: #888;
  text-shadow: 1px 1px 2px #fff;
  margin-left: 20px;
  margin-right: 20px;
}

#logo {
	width: 700px;
	margin: 10px auto 0 auto;
	font-family: Sans;
	font-size: 48px;
	color: #0099cc;
	padding-bottom: 5px;
} 

#logo a {
	color: #999;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}

#logo a sup {
  color: #99cc00;
  font-size: 16px;
  text-shadow: none;
  font-family: Verdana;
}

#logo a:hover {
	color: #666;
	text-shadow: 1px 1px 1px #ddd;
}

.gallery_block {
  width: 310px;
  margin: 15px 15px 15px 0;
  padding: 10px;
  float: left; 
  background: #ccc;
  border: 1px solid #777;
}

.even {
  margin-left: 0;
}

.gallery_block .ohshit {
  margin-top: -10px;
  margin-left: -10px;
  cursor: pointer;
}

.gallery_block img {

}

.checkdiv {
  padding: 5px;
  background: #333;
  border: #000 1px solid;
  font-size: 16px;
  color: #ddd;
  font-family: Helvetica;
}


#wrap {
	width: 744px;
	background: #fff;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #C3D6DA;
}

#contents {
	width: 712px;
	margin: 0 auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #333;
}

#contents a.cont {
	color: #0099cc;
	text-decoration: none;
}

#lefts {
	margin: 0;
}

.prediv {
  background: #0099cc;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  text-transform: lowercase;
  color: #fff;
  padding: 0px;
  border: 1px solid #0088B5;
  float: right;
  width: auto;
  border-radius: 0;
  margin-top: 10px;
}

.godiv {
  border: 1px solid #00B4CC;
  border-radius: 0;
  padding: 6px;
}

#rights {
	width: 270px;
	float: left;
	margin-left: 15px;
	border: 1px solid #ddd;
	padding: 5px;
}

#rights h4 {
	margin: 0;
	padding: 10px;
	text-align: center;
	background: #0099cc;
	color: #fff;
}

#foot {
	width: 700px;
	margin: 30px auto;
	/*border-top: 1px solid #eee;*/
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-align: center;
}

.formy {
	width: 700px;
	background: #fff;
	padding: 0;
}

.ttx {
	width: 700px;
	height: 24px;
	border: 1px solid #999;
	padding: 1px 2px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	margin-top: 2px;
	font-size: 20px;
	background: #fff;
}

.formy input {
	width: 700px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background: #fff;
}

.formy select {
	width: 700px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background: #fff;
}


input.globe {
	width: 674px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px 1px 24px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background-image: url("../img/globe-green.png");
	background-repeat: no-repeat;
	background-position: 4px 8px;
}


input.delay {
	width: 674px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px 1px 24px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background-image: url("../img/clock.png");
	background-repeat: no-repeat;
	background-position: 4px 8px;
}


input.width {
	width: 674px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px 1px 24px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background-image: url("../img/arrow-resize.png");
	background-repeat: no-repeat;
	background-position: 4px 8px;
}

input.height {
	width: 674px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px 1px 24px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background-image: url("../img/arrow-resize-090.png");
	background-repeat: no-repeat;
	background-position: 4px 8px;
}

input.qual {
	width: 674px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px 1px 24px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background-image: url("../img/image-sharpen.png");
	background-repeat: no-repeat;
	background-position: 4px 8px;
}

input.robo {
	width: 674px;
	height: 30px;
	border: 1px solid #999;
	padding: 1px 2px 1px 24px;
	font-family: Verdana;
	color: #333;
	margin-bottom: 6px;
	font-size: 22px;
	background-image: url("../img/shield.png");
	background-repeat: no-repeat;
	background-position: 4px 8px;
}



span.tiny {
	font-size: 9px;
	color: #999;
}

input.sub {
	width: 346px;
	padding: 5px;
	font-size: 16px;
	color: #fff;
	background: #0099cc;
	border: none;
	background-image: url("../img/camera.png");
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

input.sub:hover {
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	background-image: url("../img/camera.png");
	background-repeat: no-repeat;
	background-position: 10px 7px;
	cursor: pointer;
}

span.logo {
	font-size: 12px;
	color: #333;
	font-family: 'Ubuntu', Verdana;
	padding-bottom: 16px;
}

#foot a {
	font-size: 11px;
	color: #333;
}

#foot a:hover {
	text-decoration: none;
	color: #0099cc;
}

span.count {
	color: #000;
	font-weight: normal;
	
}

ol.com li {
	margin: 5px 0; border-bottom: 1px solid #ddd; padding: 4px 0;
}

ol.com {
	list-style: none;
}

a.com_user {
	color: #ee0000;
	text-decoration: none;
}

a.com_user:hover {
	color: #333;
	text-decoration: underline;
}


/* jqModal ! */ 
div.jqmConfirm input[type="submit"] { padding: 4px; margin: 10px 30px; background: #000; color: #FFF; border: 1px solid #AAA; }

/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmConfirm { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 17%;
  width: 100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmConfirm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirmWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  padding: 0 10px 10px;
  
  background:#FFF;
  border:1px dotted #FFF;
}

.jqmConfirmTitle{
  margin:5px 2px;
  height:20px;
  color:#000;
  background:#FFF;
}
.jqmConfirmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#000;

  float:left;
  height:20px;
}

div.jqmConfirm .jqmClose em{display:none;}
div.jqmConfirm .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(confirm/close_icon_double.png) 0 0 no-repeat;
}

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px; }

div.jqmConfirmContent{
  border-top: 0px;
  color:#000;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  border:1px dotted #111;
  letter-spacing:0px;
  background:#FFF url(confirm/darkgrid.png);
}

#loginz {
  float: right;
  display: none;
  position: absolute;
  background: #333;
  border: 6px solid #0099cc;
  border-top: none;
  color: #fff;
  font-size: 12px;
  font-family: Verdana;
  margin-left: 544px;
  margin-top: 15px;
  padding: 15px 20px 20px 20px;
  border-right: none;
}
	
.logtxt {
    height: 24px;
    border: #ddd 1px solid;
    color: #333;
    font-family: Verdana;
    font-size: 11px;
    padding: 2px 5px;
    margin: 4px 0 7px 0;
}

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

.clearfix {display: inline-block;}

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

.macbutton {
  text-decoration: none;
  font-family: Verdana;
  font-size: 12px;
  padding: 8px 10px 8px 10px;
  border: 1px solid #aaa;
  color: #555;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-raduis: 4px;
  background: #eeeeee; /* old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
  text-shadow:0 1px 0px #fff;
  margin-right: 10px;
}

.macbutton:hover {
	border: 1px solid #999;
	color: #222;
}


.request {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	margin: 10px 0;
}

.request:hover .apost {
	background: #eee;
}

.aansw {
  margin-left: 15px;
  padding: 5px 0 10px 10px;
  border-left: 2px solid #0099cc;
}

.aname {
	font-size: 14px; 
	color: #0099cc;
}

.amail a {
	font-size: 14px;
	color: #15627C;
	text-decoration: underline;
}

.amark {
	float: right;
}
		
.cbut, .cbut:visited {
  padding: 15px 10px;
  background: #333;
  text-decoration: none;
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border-right: 1px solid #444;  
  margin: 0;
  -webkit-border-radius: -10px;
}

.cbut:hover {
  background: #444;
}

.lb {
  position: absolute; 
  background: #eee; 
  left: 50%; 
  margin-left: -120px; 
  top: 240px; 
  width: 240px; 
  border: 15px solid #999; 
  display: none; 
  z-index:1001;
  color: #333;
  font-family: Verdana;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.lb2 {
  position: absolute; 
  background: #eee; 
  left: 50%; 
  margin-left: -240px; 
  top: 240px; 
  width: 480px; 
  border: 15px solid #999; 
  display: none; 
  z-index:1001;
  color: #333;
  font-family: Verdana;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.lh {
  background: #333;
  padding: 6px 15px;
  color: #fff;
  font-size: 16px;
  margin: 0 0 10px 0;
  border-bottom: 6px solid #0099cc;
}

.lclose {
  cursor: pointer;
  color: #fff;
  /*background: #cc0000;*/
  -webkit-border-radius: 10px;
  float: right;
  font-size: 11px;
  padding: 2px 6px;
  margin-top: 1px;
}

.lb form, .lb2 form {
  margin: 5px 20px;
}

.ltxt {
  width: 190px;
  height: 24px;
  font-size: 16px;
  color: #333;
  padding: 3px;
  border: 1px solid #bbb;
  margin: 5px 0;
}


.ula {
  color: #666;
  text-decoration: dashed;
  font-family: Verdana;
  font-size: 12px;
}

acronym {
  border-bottom: dashed 1px solid #ddd;
}

.subc, .subc:visited {
  padding: 4px 10px;
  color: #fff;
  text-shadow: 0 1px 1px #000;
  background: #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
}

.subc:hover {
  background: #333;
  color: #0099cc;
}