﻿*, html, html *
{
    padding: 0;
    margin: 0;
    border: 0;
    font-family: verdana;
    outline: 0;
    vertical-align: baseline;
}

body
{
    text-align: left;
    font-weight: normal;
    background: url(../../Common/Images/Bg.jpg) no-repeat 50% 0 scroll;
    background-color:#003d88;
    font-size:12px;
    overflow-y:scroll;
}

body:focus{ outline:0;}

blockquote
{
    margin-left: 50px;
    border-top: 2px solid #000;
    background-color: Silver;
    padding: 5px;
    
}

hr
{
    margin: 10px 0;
    border-top:1px solid #333333;
    height:0px;
    /*
    An hr has primarily top and bottom border
    left and right are barely seen unless: height and width force it 
    If height is set then background-color will be visible
    padding only affects the bottom pad only
    */
}

div, p, th, td, th, li, dd, caption, pre, code, blockquote, 
span, label, textarea, input, legend, 
select, cite, code, abbr, acronym, address, samp, dt, dd
{
    /* do not use font-size here because (with em) because of the parent issue, p > p > p will result in .8 of .8 of .8 */
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    margin:5px 0;
}

h1 { font-size:2em;}
h2 { font-size:1.5em;}
h3 { font-size:1.2em;}
h4 { font-size:1em;}
h5 { font-size:.9em;}
h6 { font-size:.82em;}

h1.Underline,h2.Underline,h3.Underline,h4.Underline,h5.Underline,h6.Underline { border-bottom:3px solid #000;}
h1.NoMargin,h2.NoMargin,h3.NoMargin,h4.NoMargin,h5.NoMargin,h6.NoMargin { margin:0;}

small { font-size:9px;}
big {font-size:1.2em;}

p { margin-bottom:10px;}

sub
{
    vertical-align: sub;
}
sup
{
    vertical-align: super;
}

fieldset
{
    border: 1px solid #d0d0d0;
    margin: 5px 0; /*padding only affects top*/
}
legend
{
    margin-left: 15px;
    padding: 0 3px;
    font-size:20px;
}


/* table */

table, th, td, caption
{
    border: 1px solid black;
    border-collapse: collapse;
    text-align: left;
    font-weight: normal;
}

td, th, caption
{
    padding: 5px;
}

table.Plain,
table.Plain td, table.Plain th
{
    border:0px solid transparent;
}


ol {list-style-position: inside;}
ul { list-style-type:none;}
ol, ul { margin-right:20px;}
ul * li, ol * li {font-size:100%;}
ol { list-style-type:decimal;}
ol ol { list-style-type:lower-latin; margin-left:20px;}
ol ol ol { list-style-type:lower-roman; margin-left:20px;}
ul * li, ol * li {font-size:100%;}
ul ul { margin-left:20px;}
ul ul ul { margin-left:20px;}
ul.DefinitionListJustified { margin-left:25px;}
ul.Bullet {margin-left:20px; list-style-position:inside; list-style-type:disc;}
ul.Subdue {font-size:11px;}
li { margin-bottom:5px;}

/* shouldn't be using these */
i, b, s
{
    color: Red;
    font-size: 20px;
}

textarea, 
select,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]
{
border:1px solid #999999; padding:2px;}

textarea:focus, 
input[type="text"]:focus,
select:focus
{ background-color:#f4f4f4;}

code
{
    border:2px dotted #b0b0b0;
    padding:8px;
    font-family:Monospace, Microsoft Sans Serif;
    margin:10px 5px;
    background-color:#d9d9d9;
    display:block;
    white-space:pre;
    color:#000;
}
cite { font-style:italic;}
del { color:Red;}
dl { margin-bottom:5px;}
dt  
{
    font-weight:bold;
    
    }
dd { margin-left:15px;color:#777777;}
address { font-style:normal;}
abbr { font-variant:small-caps;}
ins { color:#ff0000;}

.a, .a:visited, .a:link, *.a,
a, a:hover, a:visited, a:link
{
	text-decoration:none;
	cursor:pointer;
}
a:hover, .a:hover
{
	text-decoration:underline;
}




/*

#GenericContainer *
{
    everything is inside this id will get these styles
}

#GenericContainer * span
{
    all spans inside this element will get these styles
}

div * span
{
    all spans inside a div will get these styles
}

*/