@import url(messages.css);
@import url(screen.css);
@import url(vlh.css);

a {
    color: navy;
}

a:visited, body#login div#menu a:visited {
    color: navy;
}

a:hover {
    background-color: transparent;
    color: green !important;
    text-decoration: underline;
}

/* membershipAdd */

#title-meduimWithoutLine{
	font-size: 20px;
	color: black;
	height : 40px;
    margin: 0px 0px 10px 0px;
    padding-right: 10px;
    padding-top: 5px;
    background-color: #EAEAEA;
}


#boxHeaderBGCForM{
	background-color: #ECE9D8;
	padding-top: 3px;
}

#dotlineBottom{
	BACKGROUND: url(../images/dots.gif) repeat-x left bottom;
	background-color: #F7F7F7;
}

a img { border: 0 }

/* 0 means zero regardless of measurement */
body {
    background: #FFFFFF;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

div#title-medium{
	background-color: white;
	font-size: 18px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

div#header {
    margin-bottom: 0px;
}

div#content div#errorTitleContent{
	cursor: pointer;
}

div#content {
	padding-left: 10px;
	padding-right: 10px;
}

div#content>p {/*margin:10px 0px*/}

div#footer {
    background: transparent;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    font-size: 0.9em;
    padding: 1px;
    padding-top: 0px;
    text-align: right;
}

div#footer div#comment{
    z-index: 1;
    margin-top: 10px;
    position: absolute;
    right: 3px;
}

div#footer div#shadow SPAN{
    margin-top: 5px;
    right: 5px;
    position: absolute;
}

div#footer div#shadow{
    /*BACKGROUND: url("../images/shadow.gif") no-repeat right top;*/
    width: auto;
    height: 25px;
    margin: 0px;
}

div#footer div#shadow span#info{
	float: left;position: relative;padding-left: 10px;color:#000000;/*color:#c9c9c9;*/
}

span#info span{
    margin-top: 0px !important;
    right: 0px !important;
    position: relative !important;
}

span#info span:hover{
    color:#2299ff;
}

div#footer a, div#footer a:visited {
    background: transparent;
    color: #ff6600 !important; /*#666666;*/
}

div#footer a:hover {
    background: transparent;
    border-bottom: 1px dashed #ff6600;/*#FFA500;*/
    color: #000000;
    text-decoration: none;
}

div#flags {
    position: absolute;
    left: 20px;
    top: 10px;
}

div#userStatus {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: .9em;
    height: 40px;
    line-height: 1.2;
    text-align: right;
}


div#validators {
    float: left;
}

div.separator {
    border-bottom: 1px solid orange;
    margin: 10px 0px;
    width: 300px;
}

div.standardsNote {
    display: none;
}

form, table {
    margin: 0;
    padding: 0;
}

/* for cool looking "sunken" input boxes, from www.theserverside.com */
form input, form textarea, form select, form button {
    padding-right: 4px;
    color: #666;
}

input.button {
    color: #000;
}

form input.focus, form textarea.focus {
    border-color: orange;
    color: #000;
}

form select {
    padding-left: 0px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/*
form input {
	background-image: url("../images/input_white.gif");
    MARGIN: 0px;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: black 1px solid
}
*/

form input, form textarea {
	BORDER: black 1px solid;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

form input {
	height: 20px;
}

span.requiredStar {
	margin-left: 2px;
	margin-right: 2px;
	color: red;
}

h1 {
    color: #996600;
    font-size: 16px;
    font-weight: 900;
    line-height: 16px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

img.badge {
    border: 0px;
    height: 31px;
    margin-right: 5px;
    width: 88px;
}

p {
    font: 12px/20px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}

span.attention {
    background: transparent;
    color: #0000ff;
}

/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

/* These are the styles for detail screen tables */
/*table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
	text-align: right;
    padding: 0px 3px 0px 0px;
}

table.detail th.tallCell {
    vertical-align: top;
}

table.detail td {
    text-align: left;
    padding: 0px;
}

table.detail td.moveOptions {
    text-align: center;
    width: 50px;
    padding: 5px;
}

table.detail td.moveOptions button {
    margin-bottom: 3px;
    width: 45px;
    white-space: nowrap;
}

table.detail td.buttonBar {
    padding-top: 10px;
}

table.detail td.updateStatus {
    font-size: 11px;
    color: #c0c0c0;
}

fieldset.pickList {
    margin-top: 5px;
    padding: 5px;
    background: transparent;
    border-color: #eee;
}

fieldset.pickList legend {
    font-weight: bold;
}

table.pickList {
    padding: 0;
    border-spacing: 0;
}

table.pickList th.pickLabel {
    text-align: center;
    background: transparent;
    color: #666;
}

table.pickList td {
    text-align: center;
}

table.pickList td select {
    width: 150px;
}*/

th, td, pre, code {
    font-size: 12px;
}

/*ul.glassList {
    list-style: url(../images/aquadot.jpg) disc outside;
    vertical-align: top;
    line-height: 1.5;
}*/

pre {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
}

#errorBox {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
    width: 98%;
    height: 800px;
    direction: ltr;
    line-height: 17px;
}

#errorBodyContent {
	display: none;
	visibility: false;
	padding-right: 10px;	
}

/* custom design by ali */
#pageHeader H1 SPAN {
	DISPLAY: none;
}
#pageHeader H2 {
	FONT: bold 1.7em tahoma,verdana; WIDTH: 300px; POSITION: relative; TOP: 5px; HEIGHT: 20px; padding-right: 5px; padding-left: 5px;
}
#pageHeader H3 {
	FONT: 1.3em tahoma,verdana; WIDTH: 300px; POSITION: relative; TOP: 5px; HEIGHT: 20px; padding-right: 5px; padding-left: 5px;
}

#pageLink UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#pageLink LI {
	DISPLAY: block; MARGIN: 1px 1px; LIST-STYLE-TYPE: none; float: right;
}
#pageLink {
	POSITION: relative; TOP: 0px; HEIGHT: 20px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;
}

div#searchResult {
	display:block;
	float:right;
	width:47%;
	height:100px;
	margin: 3px;
	padding: 5px;
	border: 1px solid #efefef;
	/*white-space: nowrap;*/
}

#topHeader {
	BACKGROUND: url(../images/logo.png) #E7EFDE no-repeat right top;
	WIDTH: 100%;
	HEIGHT: auto;
    top: 0px;
}
#topHeader SPAN {
	DISPLAY: none
}

#topHeader DIV {
	BACKGROUND: url(../images/logo-text.png) transparent no-repeat 5px 5px;
	width: auto;
	height: 90px;
}

TABLE#basecontent{
	width: 100%;height: 100%;
	vertical-align: top;
}

TABLE#basecontent TD{
	vertical-align: top;
}

SPAN.dlibhighlight {
	/*background-color: yellow;*/
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
}

div.help {
	color : #999999;
	font-size:12px;
	text-align: justify;
	padding-top: 7px;
	width: 340px;
	BACKGROUND: url(../images/dots.gif) repeat-x left top;
}

#dotborder{
	border: 1px dotted gray;
}

#solidborder{
	border: 1px solid gray;
}

#dotline{
	BACKGROUND: url(../images/dots.gif) repeat-x left top;
	width: 100%;
}

div#digitalContent {
	background-color: #FFFFFF;
}

div#digitalContent:hover {
	background-color: #ECE9D8;
	cursor: pointer;
}

select {
	text-indent: 3px;
}

a.linkButton {
	font-weight: bold;
	color: #FF9933;
}

span.requiredStar {
margin-left: 2px;
margin-right: 2px;
color: red;
}

div#thumbnail {
	width:60px;
	height:90px;
	margin: 0px;
	padding: 0px;
	overflow: hidden; 
}