/* Cascading Stylesheet for Common Elements */

/* Begin: General */
body.template {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 75%;
    color: #666666;
    margin: 0;
    padding: 0;
    /*background-image: url('../Images/Background1.jpg'); background-color:#E0E0E0;*/;
}

body.template h1
{
    padding-bottom: 12px;
    border-bottom: 0px dotted #bbbbbb;
    font-size: 2.2em;
    font-family: Trebuchet MS, Arial, sans-serif;
    color: #888888;
}

span.allcaps
{
    font-variant: small-caps;
}
body.template h2
{
    margin-bottom: 10px;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 1.65em;
    color: #888888;
}
div.back
{
    margin-bottom: -20px;
    position: relative;
    top: -28px;
    padding-left: 5px;
    padding-bottom: 5px;
}
div.back img
{
    position: relative;
    margin-top: 0em;
    padding-left: 8px;
    padding-right: 8px;
    border: none;
    background-color: white;
}
div.back a:link,
div.back a:visited
{
    color: #839ce7;
    text-decoration: none;
    background-color: white;
    padding-right: 8px;
    top: -.2em;
    left: .25em;
}
div.back a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
/* End: General */

/* Begin: Tables */
body.template table.listview, table.gridview, table.detailstable, ul.gridview
{
    /*border: 1px solid #dbddff; 
    border-bottom: 3px solid #dbddff;*/
    border-collapse: collapse;
    font-family: Tahoma, Arial, sans-serif;
    color: #666666;
    font-size: 95%;
    margin-left: auto;
    margin-right: auto;
    border-style: double;
    width:75%;
}

body.template table.listview th, table.gridview th, table.detailstable th,
body.template table.listview td, table.gridview td, table.detailstable td,
ul.gridview li
{
    padding: 10px;
}

body.template table.listview th, table.gridview th, table.detailstable th, ul.gridview
{   
    font-size: 95%;
    color: black;
}

body.template table.listview td, table.gridview td, table.detailstable td, ul.gridview li
{
    border: 1px dotted #dadada;
}

body.template td.bold {
    font-weight:bold;
    white-space:nowrap;
}

body.template th a:link,
body.template th a:visited,
body.template th a:hover
{
    color: #666666;
    text-decoration: none;
}

body.template td a:link,
body.template td a:visited
{
    color: #718ABE;
    text-decoration: none;
    padding-right: 6px;
}
body.template td a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
table.gridview
{
    width: 100%;
    border-style: double;
}
table.gridview table td
{
    padding-left: .5em;
    padding-right: .5em;
}

table.gridview th {
    background-image:url(DynamicData/Content/Images/header_back.gif);
}

ul.gridview ul li
{
    padding: 0;
}

.menuleft ul {
    text-align:left;
    padding: 0;
    list-style-type: none;
    float:left;
}

.menuleft li {
    display: inline;
}

.menuleft a {
    text-decoration:none;
}

.moveleft {
    margin-left:-100px;
}

table.listview
{
    width: 100%;
}
table.listview td a:link, 
table.listview td a:visited
{
    font-size: 100%;
}
table.listview table td
{
    padding-left: .5em;
    padding-right: .5em;
}

table.listview th {
    background-image:url(DynamicData/Content/Images/header_back.gif);
}

table.detailstable td
{
    border-left: 1px solid #dbddff;
    border-right: 1px solid #dbddff;
    vertical-align:top;
}

table.detailstable th
{
    background: white;
    vertical-align:top;
}

td.nowrap 
{
    white-space: nowrap;
}
/* The following modifies the details table */
body.template tr
{
    background: white;
}
/* The following modifies the controls in the list table footer */
tr.footer td
{
    background: white;
    height: 1.5em;
}

/* The following modifies the selected row in the list table */
tr.selected td
{
    background: white;
}

/* End: Tables */

/* The following modifies the page number control which exists under the main table */
div.pager
{
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
}
span.results1
{
    float:left;
}
span.results2
{
    float:right;
}
/* The following modifies the results per page control which exists under the main table */
div.results
{
    display: inline;
    position: relative;
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: -1.75em;
    float:right;
}
/* Set's the appearance of the drop down control*/
.droplist
{
    padding: 0px;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: .95em;
    color: #666666;
}
/* Bottom hyperlink design*/
div.bottomhyperlink
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
    margin-top: -3px;
}
div.bottomhyperlink a:link,
div.bottomhyperlink a:visited
{
    color: #839ce7;
    text-decoration: none;

    font-family: Tahoma, Arial, Sans-Serif;

    font-size: 100%;

    margin-top: -3px;
}
div.bottomhyperlink a:hover
{

    color: #000099;

    text-decoration: underline !important;

    font-family: Tahoma, Arial, Sans-Serif;

    font-size: 100%;
}
div.bottomhyperlink img
{
    position: relative;
    top: 0em;
    padding-right: .4em;
    border: none;
}

a:link {
    color: #718ABE;
}

a:visited {
    color: #718ABE;
}

a:hover, a:active {
    color: darkorange;
}

.popupControl {
    background-color: floralwhite;
    border: outset 1px #c0c0c0;
    color: red;
    width:20%;
    height:4%;
    margin-top:-600px;
    margin-left:550px;
    text-align:center;
    padding-top:10px;
}

.barcodediv {
    border: 1px double black;width:60%;text-align:center;
}

#header_container { background:#eee; border:1px solid #666; height:100px; left:0; position:fixed; width:100%; top:0; }

#header {
    line-height:100px;
    position:relative;
	display:block;
	margin:0 auto 0;
    width:950px;
    text-align:center;
	text-transform:uppercase;
}

#header h1, #header p{
	margin-left:350px;
	padding:0;
	list-style:none;
	line-height:normal;
    font-size:75px;
    text-align:center;
    color:#292929;
	}

#header h1 a{
	font-size:170px;
	color:#292929;
	/*background-color:#E0E0E0;*/
	}

#header p{
	margin-top:-20px;
	font-size:20px;
	color:#4A4A4A;
	/*background-color:#E0E0E0;*/
	}

#content{}
#container {
    margin: 0 auto -50px auto;
    overflow: auto;
    padding: 0 0 0 100px;
    width: 100%;
}
#left{float:left;width:100px;vertical-align:bottom;}
#right{float:right;width:100px;}
#center{}

div.wrapper{
	display:block;
	margin:0 0 1px 0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}
#copyright {
	margin: 34px 0 0 0;
	text-align: center;
	/*color: #909090;*/
	text-shadow: 0 1px 0 #ffffff;
	text-transform: lowercase;
}

#copyright a {
	color: #909090;
}

#footer_container { background:#eee; border:1px solid #666; bottom:0; height:20px; left:0; position:fixed; width:100%; }
#footer { line-height:20px; margin:0 auto; width:940px; text-align:center; }

.overlay
{
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: white;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.overlayContent
{
    z-index: 99;
    margin: 250px auto;
    text-align:center;
}