/*
Styles for Client Name
Created by April Holle on 2009-10-15
Copyright (c) 2009 Made Better Studio. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
light gray - #e1e2e3
medium gray - #b1b3b5
dark gray - 96999c
text - #0c0908
blue- #0777ab
 
*/

/* ==layout */

html {width: 100%; height: 100%; margin: 0; padding: 0;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background-color: #fff; font-family: Arial, "MS Trebuchet", sans-serif; font-size: .9em;margin-top: 25px;}


#main-logo {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/images/pc.gif') #fff top left no-repeat;
}

textarea { /*added by drew*/
    font-family: Arial, "MS Trebuchet", sans-serif; font-size: .9em;
}

img {
    border: none;
}
a, a:visited {
    text-decoration: none;
    color: #e06e2d;
}

a:hover {
	text-decoration: underline;
}

* { outline: none;}


#container {width: 950px; padding: 10px 0; margin: 0 auto;}

#header {}
#header .col13 {float: left; width: 400px;  height: 140px; margin-right: 10px; background-color: #96999c; text-align: center;}
#header .col23 {float: right; width: 400px; height: 140px; padding: 0 0 0 50px; background-color: #fff;text-align: right;color: #5a5a5a;}

#hm-content {margin: 10px 0;}
#content {margin: 10px 0; padding: 0 0 10px 0; background-color: #e1e2e3;}

.or-separator {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin: 20px 0;
}

#content .col13 {float: left; width: 355px; margin: 40px 0 0 15px;}
#content .col13-clear {clear: both; float: left; width: 355px; margin: 10px 0 0 15px;}
#content .col23 {float: right; width: 540px; margin: 10px 10px 0 0; padding: 15px; background-color: #fff; -moz-border-radius-bottomleft:0.8em; -moz-border-radius-bottomright:0.8em; -moz-border-radius-topleft:0.8em; -moz-border-radius-topright:0.8em;}
#content .col23-special {float: right; width: 540px; margin: 10px 10px 0 0; padding: 15px;}
.sidebar-content {padding: 10px 45px 10px 15px; margin-bottom: 10px;}
.sidebar-content-dark {padding: 10px 45px 10px 15px; background-color: #b1b3b5; margin-bottom: 10px;}
.sidebar-content-light {padding: 10px 45px 10px 15px; background-color: #fff; margin-bottom: 10px;}


.sidebar-content-light2 { 
    width: 310px;  /*drew: was 285*/
    padding: 10px 15px 10px 15px; /*drew was 10px 45px 10px 15px; */
    background-color: #fff; 
    margin-bottom: 10px; 
    -moz-border-radius-bottomleft:0.8em; 
    -moz-border-radius-bottomright:0.8em; 
    -moz-border-radius-topleft:0.8em; 
    -moz-border-radius-topright:0.8em;
}

#login {width: 280px; padding: 10px; margin: 20px auto; background-color: #fff; border: 1px solid #b1b3b5; -moz-border-radius-bottomleft:0.8em; -moz-border-radius-bottomright:0.8em; -moz-border-radius-topleft:0.8em; -moz-border-radius-topright:0.8em;}
.remember {float: left; width: 150px;}
#login .button {float: right;}

#signup {background-color: #b1b3b5; padding: 0 auto;}
#signup .callout {width: 300px; margin: 0 auto; padding: 40px 0; text-align: center;}

.paging {margin: 20px 0 10px 0; text-align: center;}

#footer {width: 900px;float: right;padding: 10px 0; border-top: 3px solid #000; text-align: right; font-size: .8em;}
#footer p {font-size: 80%;color: #ccc;margin: 10px 10px 0 0; padding: 0;text-align: right;}
#redpear {
	text-align: left;
	width: 40px;
	float: left;
}

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

/* ==common */
#header h1 {margin: 10px 0 0 0; padding: 0;}

#header h2 {margin: 0; padding: 0;}
.sidebar-content h2, .sidebar-content-dark h2 {margin: 0 0 10px 0; padding: 0; font-size: 1.2em; font-weight: normal;}

#header h3 {margin: 0; padding: 0;}

h4 {margin: 20px 0 5px 0; padding: 0;}

#signup .callout p {text-align: left;}
.input-item p {margin: -10px 0 10px 0; text-align: right;}
.paging p {margin: 5px 0 10px 0; font-size: .9em; color: #b1b3b5;}

.paging a, .paging a:link, .paging a:visited {display: inline-block; margin: 0 5px; padding: 3px 8px; background-color: #e1e2e3; color: #000; text-decoration: none; border: 1px solid #96999c;}
.paging a:hover,.paging a.current {background-color: #96999c; color: #fff;}
.paging a:hover {text-decoration: underline;}

.col23 table {width: 100%;}
.col23 table th {padding: 8px; background-color: #0777ab; color: #fff;}
.col23 table td {padding: 8px; border-bottom: 1px dotted #96999c;}
.col23 table td.expanded {padding: 8px 8px 0 8px; border-bottom: none; font-weight: bold;}


/*next block added by drew*/
.col13-clear table {width: 100%;}
.col13-clear table th {padding: 8px; background-color: #0777ab; color: #fff;}
.col13-clear table td {padding: 8px; border-bottom: 1px dotted #96999c;}
.col13-clear table td.expanded {padding: 8px 8px 0 8px; border-bottom: none; font-weight: bold;}



.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}

.error {border: 1px solid #ff0000;}
.required {color: #ff0000;}

/* ==form */

input {margin-bottom: 10px;}

input.txtbox {width: 275px; border: 1px solid #b1b3b5; /*height: 2em;*/
font-family: arial; /*added by drew*/
font-size: 11pt; vertical-align: center;
padding: 3px;
}

td.session-summary-cell {
    padding: 0 35px 0 50px !important;
    font-size: .8em;
    color:  #888;
}

em.categories {
	display: block;
	margin-top: 10px;
	font-style: normal;
	color:  #333;
	font-size: .8em;
}



.button {text-decoration: none; background-color: #0777ab; border: none; padding: 5px; -moz-border-radius-bottomleft:1.2em; -moz-border-radius-bottomright:1.2em; -moz-border-radius-topleft:1.2em; -moz-border-radius-topright:1.2em; color: #fff; font-size: .8em;}
.button:hover {background-color: #95cdef; color: #000;}

.sidebar-content-dark .button, .sidebar-content-light .button, .sidebar-content .button {margin-bottom: 0;}

.input-item {vertical-align: center;}
.input-item label {float: left; width: 160px; margin: 8px 0 0 0; text-align: right;}
td .input-item label {float: left; width: 150px; margin: 8px 0 0 0; text-align: right;}
.input-item label.label-radio, .input-item label.label-checkbox {float: none; margin: 8px 0 0 0; }
.input-item .txtbox {width: 355px; margin: 0 0 10px 15px;}

textarea {width: 355px; height: 250px; border: 1px solid #b1b3b5;}

.radio-first, .checkbox, .select, textarea {margin: 8px 0 10px 15px;}