@charset "utf-8";
body {
	background-color: #555555;
	padding: 0px;
	margin: 0px;
	line-height: 17px;
	font-size: 11px;
	color: #333333;
}
.tablepadding {
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323232;
}
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.headerlogbottompadding {
	padding-bottom: 10px;
}
.rightpadding {
	padding-right: 10px;
}
.contentarea {
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	padding: 10px;
	text-align: justify;
}

.textfield {
	height: 18px;
	width: 100%;
	background-color: #F7F6EE;
	border: 1px solid #CCCCCC;
	color: #999999;
}
.urbangreymenu{
	width: 176px; /*width of menu*/
}

.urbangreymenu .headerbar{
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*31px is left indentation of header text*/
	background-color: #606060;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #797979;
}

.urbangreymenu ul li a{
	color: #797979;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}



.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background: #999999;
}

h1 {
	font-family: "Comic Sans MS";
	font-size: 20px;
	font-weight: bold;
	color: #4187A8;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #4187a8;
}
.h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #797979;
	font-weight: normal;
}
.bluetext {
	color: #4187a8;
}
.contentborder {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bcbcbc;
}

#custom a:link {
	color: #4187a8;
	text-decoration: underline;
}
#custom a:visited {
	text-decoration: underline;
	color: #4187a8;
}
#custom a:hover {
	text-decoration: none;
	color: #4187a8;
}
#custom a:active {
	text-decoration: underline;
	color: #4187a8;
}

.mattblacktabs{
	width: 100%;
	overflow: hidden;
}

.mattblacktabs ul{
	margin: 0;
	padding-left: 5px;
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: #4187a8; /*background of tabs (default state)*/
	background-color: #e5e5e5;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}



.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.whitebg {
	background-color: #FFFFFF;
	border: 1px solid #e5e5e5;
	padding: 5px;
}
.footer {
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
}

#myform{ /*CSS for sample search box. Remove if desired */
	float: right;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#myform .textinput{
	width: 150px;
	border: 1px solid gray;
}

#myform .submit{
	font: normal 12px Verdana;
	height: 22px;
	border: 1px solid #D10000;
	background-color: #606060;
	color: white;
}

#modernbricksreader{
	padding: 0;
	width: auto;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#modernbricksreader ul{
	margin-left: 0px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
}

#modernbricksreader li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksreader a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksreader a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksreader #current a{ /*currently selected tab*/
	background-color: #f8f7f7; /*Brown color theme*/
	border-top-color: #e0dfdf;
	border-right-color: #e0dfdf;
	border-bottom-color: #F8F7F7;
	border-left-color: #e0dfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	color: #353535;
	border-bottom-width: 2px;
}
#modernbricksreaderline{
	clear: both;
	padding: 0;
	width: auto;
	height: 5px;
	line-height: 5px; /*Brown color theme*/
	background-color: #f8f7f7;
	border-top-color: #e0dfdf;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e0dfdf;
	border-left-color: #e0dfdf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f7f7;
}

.tableborderbg {
	background-color: #F7F6F6;
	border-right-color: #e0dfdf;
	border-bottom-color: #e0dfdf;
	border-left-color: #e0dfdf;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 5px;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3b3b3b;
	line-height: 22px;
}
.commenttextbox {
	border: 1px solid #d9d9d9;
	background-color: #FFFFFF;
	height: 100px;
	width: 100%;
}

.vertical_text {
	
	-moz-transform: rotate(90deg);
	writing-mode: tb-rl;
	color: #a7a7a7;
}
.logobg {
	background-image: url(../images/logobg.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 421px;
	font-family: "Comic Sans MS";
	color: #3e842e;
	font-size: 45px;
	font-weight: bold;
	padding-top: 9px;
}

.arrowlistmenu{
	width: 100%; /*width of menu*/
}

.arrowlistmenu .headerbar{
	text-transform: none;
	background-repeat: repeat-x;
	background-position: left center;
	font-size: 15px;
	font-weight: bold;
	color: #4187a8;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #4187A8; /*custom bullet list image*/
	display: block;
	padding-left: 15px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 11px;
	background-image: url(../images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
}
.textarea {
	height: 18px;
	width: 300px;
}

.textareabox {
	height: 158px;
	width: 250px;
	background-color: #717171;
	border: 1px solid #4b4238;
	color: #FFFFFF;
}
.textfieldnew {
	height: 24px;
	width: 250px;
	background-color: #717171;
	border: 1px solid #666666;
	color: #73654D;
}.textfieldnewCopy {
	height: 24px;
	width: 100%;
	border: 1px solid #666666;
	color: #73654D;
}