/* 

Theme Name: SuperGeeks 911
Author: Jerry Stephens
Author URI: http://wayofthegeek.org
The CSS, XHTML and design is released under Creative Commons License Attribution/Share Alike:

http://creativecommons.org/licenses/by-sa/2.0/

*/

body {
    border: 1px solid #000;
    width: 900px;
    margin: 20px auto;
    background: #FFF;
    font-family: "Trebuchet MS", Helvetica;
    position: relative;
    min-height: 600px;
    _height: 600px;
}
a:link {
    color: #000;
    text-decoration: none;
}
a img {
    border: none;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
#logo,#login {
    padding: 20px 0;
}
#login {
    width: 350px;
    text-align: right;
    margin-right: 25px;
    font: normal 12px Verdana, Arial, sans-serif;
}
#login input {
    width: 90px;
    margin-bottom: 10px;
}
#login input[type=submit] {
    cursor: pointer;
    border: 1px solid #FFF;
    color: #000;
    background: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    width: 50px;
}
#login a {
    color: #069;
    text-decoration: none;
}
#login a:hover {
    text-decoration: underline;
}
#nav {
    clear: both;
}
ul#tabs {
    
    margin: 10px auto 0 auto;
    height: 32px;
    list-style-type: none;
    border-bottom: 3px solid #000;
}
ul#tabs li.page_item {
    display: block;
    float: left;
    padding: 5px;
    background: #CCC;
    height: 20px;
    border-bottom: 2px solid #000;
    margin: 2px;
    min-width:  50px;
    _width: 50px;
    text-align: center;
}
li.page_item a {
    font: bold 14px sans-serif;
    color: #666;
    text-decoration: none;
}
ul#tabs li.current_page_item {
    background: #000 !important;
}
ul#tabs li.current_page_item a { 
    color: #FFF;
}
#content {
    position: relative;
    padding: 0 10px;
    min-height: 450px;
    _height: 450px;
}
#footlinks a {
    color: #999;
    text-decoration: none;
    padding-bottom: 5px;
}
#footlinks a:hover {
    text-decoration: underline;
}
#footlinks {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    color: #999;
    bottom: 10px;
    width: 100%;
    margin: 0px auto;
}
h1.storytitle {
    clear: both;
    font: normal 24px Verdana, Arial, sans-serif;
}
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#f2f2f2;
    font-size: 12px;
    padding: 0 10px; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
//    background-image:url(../img/close.png); 
    position:absolute; 
    right:0px; 
    top:10px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}
/* scrollable root element */
#wizard {	
	font-size:12px;
	height: 600px;
	margin:20px auto;	
	width:100%;
	overflow:hidden;
	position:relative;
	
	/* rounded corners for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}  

/* scrollable items */
#wizard .items {
	width:20000em;	
	clear:both;	
	position:absolute;	
}

/* single item */
#wizard .page {	
	padding:20px 30px;
	width:760px;
        height: 350px;
	float:left;	
}

/* title */
#wizard h2 {
	border-bottom:1px dotted #ccc;
	font-size:22px;
	font-weight:normal;
	margin:10px 0 0 0;
	padding-bottom:15px;		
        text-align: center;
}
#wizard h3 {
    text-align: center;
}
#wizard h2 em {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}

/* input fields */
#wizard ul {
	padding:0px !important;
	margin:0px !important;
}

#wizard li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:25px;	
}

#wizard label {
	font-size:16px;	
	display:block;
}

#wizard label strong {
	color:#789;	
	position:relative;
	top:-1px;
}

#wizard label em {
	font-size:11px;
	color:#666;	
	font-style:normal;
}

#wizard .text {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	color:#456;
	letter-spacing:1px;
}

#wizard select {
	border:1px solid #ccc;
	width:94%;	
	padding:4px;
}

#wizard label span {
	color:#b8128f;
	font-weight:bold;
	position:relative;
	top:4px;
	font-size:20px;
}

#wizard .double label { 
	width:50%;
	float:left;
}

#wizard .double .text {
	width:93%;	
}

#wizard .clearfix {
	clear:left;
	padding-top:10px;	
}

#wizard .right {
	float:right;		
}

/* validation error message bar */
#drawer {
	background:#fff url(../img/h80.png) repeat-x scroll 0 0;
	_background-color:#fff;
	overflow:visible;
	position:fixed;	
	left:0;
	top:0;
	text-align:center;
	padding:15px;
	font-size:18px;
	border-bottom:2px solid #789;
	width:100%;
	display:none;
	z-index:2;
}

#wizard .error {
	border:1px solid red;		
}

#wizard #status {
	margin:0px auto !important;
        width: 400px;
	height:50px;
	padding-left:25px !important;
	_background:#123;
}

#status li {
	list-style-type:none;
	list-style-image:none;
        display: block;
        float: left;
	color: #000 !important;
        height: 30px;
        text-align: center;
	padding: 20px 5px;
        background: url('img/greydot.jpg') bottom repeat-x;
}

#status li.active, #status li.check {
    background: url('img/greendot1.jpg') bottom repeat-x !important;
    color: #94c64d !important;
}
#status li#one.active, #status li#one.active .check {
    background: url('img/greendot1.jpg') bottom repeat-x !important;    
}
#status li.check {
    background: url('img/greendot2.jpg') bottom repeat-x !important;        
}
#status li#one {
    background: url('img/greendot2.jpg') bottom repeat-x;    
    color: #94c64d !important;
}
#status li#session {
    background: url('img/greydot-last.jpg') bottom repeat-x;    

}
#status li#session.active {
    background: url('img/greendot-last.jpg') bottom repeat-x !important;    

}
#status li.past {
    background: url('img/greendot.jpg') bottom repeat-x;
    color: #94c64d !important;
}

#buttons {
    width: 450px;
    margin: 0 auto;
}
.page {
    font-size: 14px;
}
.wow {
    font-family: Georgia;
    font-size: 18px;
    text-align: justify !important;
}
.big {
    font-size: 20px;
}
ul#fullnav {
    margin: 0 auto;
    padding: 0;
    width: 260px;
}
ul#fullnav li {
    list-style-type: none;
    display: inline;
    padding: 2px;
}

ul#fullnav li a {
    color: #999;
}
ul#fullnav li a:hover {
    text-decoration: underline;
}

#btn-tbl{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#btn-tbl:hover {
	opacity:1;
	filter:alpha(opacity=100);
        cursor: pointer !important;
}
.btn{
    background: url('img/buttonbg.jpg') top repeat-x;
    font: normal 18px "Trebuchet MS";   
    height: 42px;
}
.btn:hover {
    cursor: pointer !important;
    text-decoration: underline;
    color: #FFF;
}
a.btn-link {
    color: #FFF;
    text-decoration: none;
}
.next,.prev {
    cursor: pointer;
}
.btn-text {
    background: url('img/btn2.jpg') top repeat-x;
    font: normal 12px "Trebuchet MS";
    height: 25px;
    width: 50px;
    text-align: center;
}
button#tc {
    background: #FFF;
    color: #94c64d;
    font: normal 14px "Trebuchet MS";
    border: none;
}
.nav {
    width: 400px;
    margin: 0 auto;
}