/* West Virginia Office of Inspector General Website */
/* West Virginia Department of Health and Human Resources */

/* Color Legend */

/* Reset */
html, body	{
	margin: 0; 
	padding: 0; 
	border: 0;
	*background: transparent; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, td, tbody, tfoot, thead {
	margin: 0;
	
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	}

img	{ margin: 0; padding: 0; border: 0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table	{ border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form { margin: 0; padding: 0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color:#000;
	}

ol, ul { list-style: none; }

/* Global */
html	{   }
body	{ background-color: #EEF2F9; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; margin: 20px 20px 0 0; }

h1	{ font-size: 24px; color:#304A76; }
h2	{ font-size: 20px; }
h3	{ font-size: 16px; }
h4	{ font-size: 14px; }
h5	{ font-size: 14px; }
h6	{ font-size: 10px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */
p				{ color: #000; font-size: 12px; line-height: 150%; margin: 10px 0; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a				{	}
a:link			{ color: #ffffff; }
a:visited		{ color: #ffffff; }
a:active		{ color: #ffffff; }
a:focus			{ color: #ffffff; }
a:hover			{ color: #000000; }

blockquote		{ color: #000; font-size: 12px; margin-left:50px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }
	
/* Images */



/* Lists */

ul				{ list-style: square;	}
ol				{ list-style-type: decimal; }

ul li			{ color: #000; font-size: 12px; }
ol li			{ color: #000; font-size: 12px; }

dl				{	}
dt				{	}
dd				{	}



/* Tables */

table			{ width: 100%; }

tr				{  	}
.odd			{ background-color: #eee; }
.even			{ background-color: #fff; }

th				{ font-weight: bold; }
thead, th		{ *background-color: #ccc; }

tbody			{	}

th, td, caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color: #ccc; text-align: center; font-style: italic; }  

caption			{ background: #efefef; }



/* Miscellaneous - Probably Won't Use */
sup, sub		{line-height: 0; }
abbr, acronym	{ border-bottom: 1px dotted #666; }
address			{  }
del				{background: #FFCECE; color: #f00; }

code, pre		{ background-color: #ff9; padding: 2px 0px; margin: 4px 25px;
					font-family: "Courier New", Courier, monospace; font-size: 12px; font-style: normal; }
					
/* Containers */
#wrapper			{ width: 900px; margin: 0px auto; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }

#wvnav				{ background-color: #4165A0; width: 100%; padding:10px 0; overflow: hidden; }
#wvnav ul			{ width: 100%; margin: 0; }
#wvnav ul li		{ display: inline; }
#wvnav ul li a		{ padding: 5px 10px; }
#wvnav a:link		{ color: #ffffff; font-weight: bold; }
#wvnav a:visited	{ color: #ffffff; font-weight: bold; }
#wvnav a:active		{ color: #ffffff; font-weight: bold; }
#wvnav a:hover		{ color: #FF0000; font-weight: bold; }
#wvnav a:focus		{ color: #ffffff; font-weight: bold; }

#header				{ background-color:#FFFFFF;  width: 100%; }
#header h1			{ margin: 15px 0 0 0; font-size: 32px; color: #000000; padding: 30px 0 10px 10px; float: left; }
#header img			{ margin: 15px 0 0 0; float: right; }
		
#nav				{ background-color: #EFEED1; clear: both; }
#nav ul				{ width: 100%; float: left; margin: 0px; background-color: #EFEED1;
						border-bottom: 3px #eeeeee solid; }

#nav ul li			{ display: inline; font-size: 17px; }
#nav ul li a		{ float: left; font-weight:bold; padding : 10px 28px; }

#nav a:link			{ color: #000000; }
#nav a:visited		{ color: #000000; }
#nav a:active		{ color: #000000; }
#nav a:hover		{ color: #800000; background-color:#F0F3F9; }
#nav a:focus		{ color: #000000; }

#banner img			{ height: 198px; width: 900px; }

#subbanner			{ padding: 0px 0px 5px 0px; width: 100%; background-color: #4165A0; overflow: hidden; }
#subbanner h3		{ color:#FFFFFF; font-size: 16px; font-weight: bold;  font-style:italic; text-align: center; line-height: 180%;  }

div#tableContainer	{ display: table; border-spacing: 0;  }

div#tableRow		{ display: table-row; }

#main				{ display: table-cell; position:relative; width: 730px; font-size: 105%; padding-left: 7px; vertical-align: top; float:left; } 
#main h1			{ margin: 15px 0 10px 0; font-size: 20px; 
						border-bottom: 1px #777777 solid; padding: 10px 0; }
#main p				{ margin: 8px 0 16px; line-height: 140%; }	
#main h2 			{ margin: 15px 0 10px 0; font-size: 16px; font-style:italic; }
#main h3			{ margin: 15px 0 10px 0; font-size:14px; padding:10px 0; }
#main h3 a			{ font-weight:bold; }
#main h4			{ margin: 15px 0 10px 0; }
#main img			{ }
#main ul li			{ margin-left: 40px;  margin-bottom: 5px; line-height: normal; text-indent: 10px;  }
#main ol li			{ margin-left: 40px;  margin-bottom: 5px; line-height: normal; text-indent: 10px;  }
#main table 		{ width: 100%; font-size: 11.5px; }
#main tr 			{ border: thin solid #000000; }
#main td			{ width: 180px; border: 1px solid #000000; margin: 5px; padding: 10px; border-collapse: collapse; text-align:center; }
#main a:link		{ color: #000000; }
#main a:visited		{ color: #000000; }
#main a:active		{ color: #000000; }
#main a:hover		{ color: #FF0000; }
#main a:focus		{ color: #000000; }

#rightside			{position:relative; display: table-cell; width: 151px; background-color: #EFEED1; font-size: 105%; padding: 20px 10px 1000px 0; vertical-align: top; float:right; display:inline-block; height: 100%; }
#rightside h4		{ margin: 20px 0 10px 0; text-align: right; }
#rightside h4 a		{ font-weight:bold; }
#rightside p		{ margin: 4px 0px; line-height: 120%; text-align: right; }
#rightside a:link	{ color: #000000; }
#rightside a:visited{ color: #000000; }
#rightside a:active	{ color: #000000; }
#rightside a:hover	{ color: #FF0000; }
#rightside a:focus	{ color: #000000; } 

#footer				{ clear: both; padding: 10px 0; margin: 10px 0; }
#footer p			{ text-align: center; color: #000000; font-weight: bold; margin: 0; }
#footer a:link		{ color: #000000; font-weight: bold; }
#footer a:visited	{ color: #000000; font-weight: bold; }
#footer a:active	{ color: #000000; font-weight: bold; }
#footer a:hover		{ color: #FF0000; font-weight: bold; }
#footer a:focus		{ color: #000000; font-weight: bold; }


#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}


/* Layout Extra */




/* Navigation Extra */



/* Forms */
form {text-align: left; margin: 3px; }

label, submit, input, textarea {
	*border: 0; padding: 0; margin: 0;
	}
	
label {
	float: left;
	text-align: right;
	display: inline-block;
	}
#lblName {
	border: 0; padding: 0; margin: 0; background: none;
	float: left;
	text-align: right;
	display: inline;
}
#txtName {
	padding: 0; margin: 0;
	padding-top: 0px;
	display: inline;
}
input, textarea {
	*border: 1px #333 solid;
	
	margin-left: 10px;
	}
	
input {
	width: 280px; margin-bottom: 16px;
	margin-left: 5px;
	}
	
textarea {
	width: 280px; height: 150px;	
	margin-bottom: 16px; 
	}
	
select	{	}

.submit	{
	width: 90px; height: 25px;
	margin-left: 150px;
	font-size: 12px;
	}
#txtReportAddress {
 margin-left: -10px;	
}
#ddReportState {
		margin-left: 10px;
}
#lblReportZip {
	margin-left: 5px;
}
#txtDetails {
	width: 75%;
}
 .ddl
        {
            border:2px solid #7d6754;
            border-radius:5px;
            padding:3px;
            -webkit-appearance: none; 
            background-image:url('/securereport/');
            background-position:88px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        } 

#txtOccurDate {	
	*margin-left:  -70px; !important
}
#txtVictim {	
	margin-left:  -70px; !important
}
#txtEmail {
  margin-left:  -50px; !important
}
#cbxAddDoc {
	width: 15px;
}
br	{ clear: left; }
#sBann {
	margin-left: 10px;
	padding-left: 10px;
	text-align:left
}




/* Miscelleneous - Probably Won't Use */
.copyright-text	{ font-size: 80%; font-style: italic; color: #333; }
.footer-text	{ font-size: 80%; font-style: normal; color: #666; }

.title			{ font-size: 18px; font-weight: bold; color: #333; }
.subtitle		{ font-size: 14px; font-style: italic; color: #333; }

.artist			{ font-size: 16px; font-weight: bold; color: #333; }
.author			{ font-size: 14px; font-weight: bold; color: #555; }
.editor			{ font-size: 14px; font-style: italic; color: #555; }

.pub-date		{ font-size: 10px; font-style: italic; color: #555; }
.article-date	{ font-size: 10px; font-style: italic; color: #555; }
.location		{ font-size: 10px; font-style: italic; color: #555; }

.float-right	{ float: right; }
.float-left		{ float: left; }
.clear			{ clear: both; }

.hide			{ display: none; }
.block			{ display: block; }
.inline			{ display: inline; }

.first			{ font-weight: bold; }
.last			{ font-weight: bold; }
.left			{ font-weight: bold; text-align: left; }
.right			{ font-weight: bold; text-align: right; }

.added			{ background: #D7D7FF; }
.removed		{ background: #FFCECE; color: #f000; }
.changed		{ background: #FFB; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework - Probably Won't Use */
.error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
.error, .alert	{background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }

.success		{ background: #e6efc2; color: #264409; border-color: #c6d880; }

.info			{ background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a 		{ color: #8a1f11; }
.alert a		{ color: #8a1f11; }

.notice a		{ color: #514721; }
.success a		{ color: #264409; }
.info a			{ color: #205791; }