/* css document */

/* id */

#content {
	margin-left: 65px;
	margin-top: 1em;
	margin-right: 5%;
	text-align: left;
}
#footer {
	font-size: smaller;
	line-height: normal;
	color: #999999;
	padding-top: 2em;
	margin-bottom: 4em;
}
#header {
	width: 100%;
	height: 122px;
	background-image: url(../images/headerTile.jpg); 
	text-align: left;
}
#header div a {
	text-decoration:none;
	padding: 1em;
	color: white;
}
#message {
	background-color: #ebebeb;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-right: 20px;
	font-weight: bold;
	color: #9F5F7F;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
p#message {
	padding-left: 20px;
}

/* html */

body {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #2D2D00;
}
h1 {
	font-size: 1.4em;
	line-height: normal;
	padding-top: .8em;
	color: #1072ba;
}
h2 {
	font-size: 1.2em;
	line-height: normal;
	padding-top: .8em;
	color: #333;
}
h3 {
	font-size: 1.2em;
	line-height: normal;
	color: #333;
}
h4 {
	font-size: 1em;
	line-height: normal;
	color: #333;
}
input,select,textarea,optgroup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}
ol li, ol div {
	padding:.5em 0;
}
ol div {
	margin-top:1em;
}
ol li input {
	margin-left: 1.5em;
}
td, th {
	vertical-align: baseline;
	padding: 2px 8px 2px 1px;
}
th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

/* misc classes */

.attention {
	color: #fff;
	background-color: #1072ba;
	padding: .5em;
	margin: 1.5em 1em;
}
.attention div.yellow, .attention a.yellow {
	color: #FFD700;	
}
.stop {
	color: #DC143C;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1.1em;
	padding-top: 1em;
}
.indent {
	margin-left: 30px
}
.outlined {
	border: 1px solid #cccccc;
	padding: 8px;
	margin-top: 10px;
	width: 100%;
}
.rule {
	border-top-color: #E3E3E3;
	border-top-style: solid;
	border-top-width: medium;
	margin-top: 2em;
	margin-bottom: 2em;
}
.subalign span {
	vertical-align:sub;
}
.smallText {
	font-size: .85em;	
}
table.shadedrows {
	background-color: #FFFFFF;
	margin-top: 10px;
	width: 100%;
}
table.shadedrows td, table.shadedrows th {
	background-color: #F2F2F2;
	padding: .5em;
	vertical-align: top;
}
table.confirm {
	margin: 0px 20px 10px 20px;
}
table.confirm td, table.confirm th {
	padding: .3em 2em .3em 1em;
	vertical-align: top;
	color: #333;
	font-weight: bold;
}

/* specific to phone detail screens */

div.withTabs {
	background-color: #F2F2F2;
 	padding:1.5em 2em;	
}
div.withTabs table {
	width: 100%;
}
div.withTabs td, div.withTabs th, div.withTabs div.padMe {
	padding: .5em;
	vertical-align: top;
}
div.withTabs ul {
	padding-top:.5em;
}
div.withTabs .left {
	float:left;
}
div.withTabs .right {
	float:right;
	padding-right:1em;
}
ol#toc {
    height: 38px;
    list-style: none;
    margin: 0;
    padding: 0;
	margin-top:2em;
	background-color: #1072ba;
	width: 100%;
}
ol#toc li {
    float: left;
    margin: 6px 0 0 6px;
	padding: 0;
}
ol#toc a, ol#toc .noTab {
    background-color: #999;
    color: #fff;
    display: block;
    float: left;
    height: 28px;
    padding: 4px 10px 0px 10px;
    text-decoration: none;
}
ol#toc a:hover {
    background-color: #1072ba;
}
ol#toc li.current {
    border-bottom-color: #F2F2F2;
}
ol#toc li.current a, ol#toc li.current .noTab {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
}
#viewHistory, .viewBox {
	border: #979998 solid 3px;
	padding: 1em;
	margin: 1em 0em;	
	
}

div.adminMenu {
	float:left;
	padding-right:1em;
	width: 410px;
}

div.adminMenu h1 {
	padding-top: .1em;
}

.adminMenu li {
	list-style-position: outside;
	padding-bottom:.1em;
}

div.panel,p.flip
{
	margin:0px;
	padding:5px;
	text-align:center;
	background:#e5eecc;
	border:solid 1px #c3c3c3;
}
div.panel
{
	height:120px;
	display:none;
}
.sublist {
	padding-top:10px;
}
.sublist li {
	padding-top:0px;
}