/* RESET! */
html, body, div, span, applet, object, iframe,header, section, article, footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,
code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;  }

a    { text-decoration: none; -moz-transition: background-color 0.2s ease-out 0s, color 0.2s ease-out 0s ; 
       -webkit-transition: background-color 0.2s ease-out 0s, color 0.2s ease-out 0s;
       -o-transition: background-color 0.2s ease-out 0s, color 0.2s ease-out 0s; }
*    { outline: none; }  


/* --------------------------------------------------------------------------
	= Global Width and Colors
--------------------------------------------------------------------------- */

/* Always change background-color:  and  color: to match site */
body { background-color: #DFF3DA; color:#336600;
		margin: 0px; padding: 0px;  text-align:center; font: 14px "Lucida Grande",Arial,Helvetica,sans-serif; }

/* Main Wrapper */
#Main { /*background-color: #425D5A;*/ width: 646px; border:0px none white;
		margin: 10px auto; padding: 0px; clear: both; overflow: hidden;  }

p { line-height:1.2 ems; }

a { text-decoration:underline; color:#008080; }
a:hover { text-decoration:none; color:#FF926C; }
h1 { color: #009933; margin-bottom:20px; width:100%; }
h2 { color: #4A9F35; margin-bottom:20px; width:100%; }
h3 { color: #000; margin-top:20px; margin-bottom:10px; width:100%; font-size:16px; float:left; }
.API .result .middle a { color: #009933; }
#Main #Content .paging-wrap a.current_page { color: #009933; }

/* --------------------------------------------------------------------------
	= Header
--------------------------------------------------------------------------- */
#Header {  }
#Header img { float:left; }

#Header .Nav { float:left; width: 100%; text-align:center; font-size:18px; margin: 5px 0 10px 0; }
#Header ul.Nav li { margin:0px; padding:0px; width:auto; display:inline; /*margin-right:12px; */ }

/* ONLY if IMAGE NAVIGATION LINKS are needed: */
#Header ul.InlineNav { margin:0px; padding:0px; list-style:none; }
#Header ul.InlineNav li { margin:0px; padding:0px; }
#Header .InlineNav a { background-repeat: no-repeat; background-position: left top; float:left; border:0px none; }

/* Add Customized Image Files + OVER image */
#Header .InlineNav a.one { background-image: url(../images/02.gif); width:125px; height:89px; }
#Header .InlineNav a.one:hover { background-image: url(../images/02-over.gif); }

#Header .InlineNav a.two { background-image: url(../images/03.gif); width:126px; height:89px;  }
#Header .InlineNav a.two:hover { background-image: url(../images/03-over.gif); }

#Header .InlineNav a.three { background-image: url(../images/04.gif); width:116px; height:89px;  }
#Header .InlineNav a.three:hover { background-image: url(../images/04-over.gif); }

#Header .InlineNav a.four { background-image: url(../images/05.gif); width:148px; height:89px;  }
#Header .InlineNav a.four:hover { background-image: url(../images/05-over.gif); }

#Header .InlineNav a.five { background-image: url(../images/06.gif); width:135px; height:89px; }
#Header .InlineNav a.five:hover { background-image: url(../images/06-over.gif); }


/* --------------------------------------------------------------------------
	= Main Content
--------------------------------------------------------------------------- */
#Main #Content { float:left; /*color:#B8D6D3;*/ text-align:left; }

/* Left Column */
#Main #Content .Left { float:left; width:180px; margin: 25px 0px 10px 0; }
#Main #Content .Left p { padding: 10px; width:160px; }

/* Right Column */
#Main #Content .Right { float:left; width:440px;  margin: 25px 10px 10px 15px; padding-right:5px; }
#Main #Content .Right p { line-height:1.5em; text-align:left; padding-right:15px; margin-top:20px; }

#Main #Content .Right ul.Topics { list-style:none; float:left; margin: 20px 0 30px 0; }
#Main #Content .Right ul.Topics li { list-style:none; float:left; width:45%; margin-right:15px; margin-bottom:10px; }

/* Single Column Full */
#Main #Content .Single { float:left; width:600px;  margin: 25px 25px 10px 25px; }
#Main #Content .Single p { line-height:1.5em; text-align:left; padding-right:15px; margin-top:20px; }
#Main #Content .Single ul.Topics { list-style:none; float:left; margin: 20px 0 30px 0; width:100%; }
#Main #Content .Single ul.Topics li { list-style:none; float:left; width:100%; margin-right:0px; margin-bottom:20px; }
#Main #Content .Single #TopicPaging { float:left; margin-bottom:40px; margin-top:15px; }

/* On File Order Form Override */
#Main .swMain { width:650px !important; }
#Main .swMain .stepContainer div.content { width:92% !important; }
#Main .swMain .stepContainer { width:97% !important; }
#Main .swMain .OrderEssay2 h3 { width: 98% !important; }
/* --------------------------------------------------------------------------
	= Search Box Styles
--------------------------------------------------------------------------- */
#Main #Content .SearchWrap { float:left; margin:10px 0px 25px 0px; width:100%; }
#Main #Content .SearchWrap input { 
border: 1px solid #6298bb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	padding:8px;
	float: left !important;
	margin-right:5px;
	width:300px;
	height:18px;
}
#Main #Content .SearchWrap input.button
{
	width:auto !important; 
	height:auto !important;	
	float: left !important;
	padding: 8px 20px 8px 20px !important;
	border: 1px solid #d1d1d1 !important;
	color: #ffffff !important;
	background: #006699 !important;
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
}
#Main #Content .SearchWrap input.button:hover
{
	background: #00F !important;
	color: #ffffff !important;
}
#Main #Content .SearchWrap p { font-size:11px; float:left; width:100%; margin-top:10px; }

/* --------------------------------------------------------------------------
	= Results / Listings
--------------------------------------------------------------------------- */
.API .result { margin:25px 0px 5px 0px; }
.API .result .middle p { margin-top:4px !important; }



/* --------------------------------------------------------------------------
	= Results Paging
--------------------------------------------------------------------------- */
#Main #Content .paging-wrap ul, #Main #Content .paging-wrap li { list-style:none; float:left; }

#Main #Content .paging-wrap
{
    float:right;
    min-height: 15px;
    font-family: Georgia;
    font-size: 12px;
    color: #666666;
	margin-right:20px;
	width: auto !important;
	margin-bottom:25px;
	margin-top:25px;
	font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
}

#Main #Content .paging-wrap a
{
    float: left;
    margin-top: 0px;
    margin-left: 7px;
    border: 1px solid #999;
 /*   padding: 2px 3px 2px 3px;	*/
    padding: 2px 5px 2px 5px; 
	text-align: center;
	background-color:#fff;
	text-decoration:none;
}
#Main #Content .paging-wrap a:hover { text-decoration:underline; }

#Main #Content .paging-wrap a.current_page { background:none; }

#Main #Content #pagingwraptop { margin-top: -60px; width: auto !important; margin-bottom: 0 !important; }

/* --------------------------------------------------------------------------
	= Footer
--------------------------------------------------------------------------- */

#Footer { float:left; width:100%; text-align:center; border:0px none;  margin-top:40px; margin-bottom:12px; }

#Footer span.foot {  
    float: left;
	width:100%;
	text-align:center;
    margin-bottom: 20px;
	font-size:12px;
}
#Footer span.foot a { display:inline; }
#Footer span.copyright {  
    background-repeat: no-repeat; background-position: center top; display:block; clear:both;
    background-image: url(../images/footer.png); width:100%; height:75px;
}



/* --------------------------------------------------------------------------
	= Fonts
.one   = default Droid Serif
.two = English style
.three = Gothic style
.four = Cursive style
--------------------------------------------------------------------------- */

body.one .Nav a { font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; font-size:18px; }
body.two .Nav a { font-family: 'Uncial Antiqua', cursive; font-style:normal; font-weight:normal; font-size:16px; text-transform:uppercase; }
body.three .Nav a { font-family: 'Metamorphous', cursive; font-style:normal; font-weight:normal; font-size:18px; }
body.four .Nav a { font-family: 'Tangerine', cursive; font-style:normal; font-weight:normal; font-size:36px; }

body.one h1, body.one h2 { font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; }
body.two h1, body.two h2 { font-family: 'Uncial Antiqua', cursive; font-style:normal; font-weight:normal; }
body.three h1, body.three h2 { font-family: 'Metamorphous', cursive; font-style:normal; font-weight:normal; }
body.four h1, body.four h2 { font-family: 'Tangerine', cursive; font-style:normal; font-weight:normal; }

body.one h1 { font-size: 36px; margin-bottom:10px; }
body.two h1 { font-size: 28px; }
body.three h1 { font-size: 36px; margin-bottom:15px; }
body.four h1 { font-size: 64px; text-shadow: 4px 4px 4px #aaa; }

body.one h2 { font-size: 28px; margin-bottom:15px; }
body.two h2 { font-size: 20px; }
body.three h2 { font-size: 28px; margin-bottom:10px; }
body.four h2 { font-size: 48px; text-shadow: 4px 4px 4px #aaa; }

body.one .API .result .middle a { font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; font-size:18px; }
body.two .API .result .middle a { font-family: 'Uncial Antiqua', cursive; font-style:normal; font-weight:normal; font-size:18px; }
body.three .API .result .middle a { font-family: 'Metamorphous', cursive; font-style:normal; font-weight:normal; font-size:18px; }
body.four .API .result .middle a { font-family: 'Tangerine', cursive; font-style:normal; font-weight:normal; font-size:36px; }

body.one #Footer span.foot a { font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; font-size:14px; }
body.two #Footer span.foot a { font-family: 'Uncial Antiqua', cursive; font-style:normal; font-weight:normal; font-size:14px; text-transform:uppercase; }
body.three #Footer span.foot a { font-family: 'Metamorphous', cursive; font-style:normal; font-weight:normal; font-size:14px; }
body.four #Footer span.foot a { font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; font-size:14px; }



/* --------------------------------------------------------------------------
	=Links
--------------------------------------------------------------------------- */
body.three h2 a { text-decoration:none; }
body.three h2 a:hover { text-decoration:underline; text-shadow: 3px 3px 3px #aaa; }

/* --------------------------------------------------------------------------
	=Admin
--------------------------------------------------------------------------- */
#AdminHeader, #adminheader1_AdminHeader, .AdminHeader
{
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
	background:#000000;
}
.AdminHead
{
	font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; 
	padding-top:3px;
	margin: 0px auto;
	width: 980px;
	height: 25px;
	color:#FFFFFF;
}

.AdminHead .AdminTitle { float:left; width:130px; margin-right:30px; font-size:16px; padding-top:2px; color:#FFFFFF; font-family: 'Droid Serif', serif; font-style:normal; font-weight:700; }
.AdminHead .LeftSide
{
	float: left;
	margin-left: 0px;
	margin-top: 0px; /*width: 680px;*/
	width: 710px;
	height: auto;
	padding-top:5px;
}
.AdminHead a { color:#e2e2e2; float:left; margin-right:20px; font-size:12px; text-decoration:none; text-transform: uppercase; }
.AdminHead a:hover { color:#FAF7BF; text-decoration:underline; }
.AdminHead .RightSide
{
	float: left;
	margin-left: 0px;
	margin-top: 0px; /*width: 680px;*/
	width: 100px;
	height: auto;
	text-align:right;
	padding-top:5px;
}
.AdminHead .RightSide a { float:right !important; margin-right:5px !important; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
	=Admin / Forms
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#Adminpage
{
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 980px;
	padding-bottom: 70px;
}

#Adminpage #page_left {
	float:left;
/*	width:208px; */
	width:183px;
	height:100%;
	background-image: url(../images/admin_bg.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	margin-top:0px;
	padding-left:25px;
	padding-top:12px;
}
#Adminpage #page_left .page_title { width:150px; }

#Adminpage #page_right
{
	float: right;
	margin-right: 0px;
	margin-top: 12px;
/*	width:750px; */
	width: 720px;
}
.Single #Adminpage #page_right { float: left; width: 100%; }
#Adminpage #page_left ul {
	float:left;
	width:100%;
	margin: 20px 0 0 0;
	padding:0;
}
#Adminpage #page_left li {
	float:left;
	width:100%;
	margin: 0 0 10px 0;
	padding:0;
	color:#0066cc;
	font-family: "Lucida Grande",tahoma,arial;
	font-size:13px;
}
#Adminpage #page_left li a { color:#0066cc; }

#Adminpage #page_right input { 
	height: 42px;
    outline: medium none;
    padding: 10px;
    width: 450px;
/*	padding:2px 5px;	*/
	height:22px; 
	background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #DFDFDF;
    color: #6F6F6F;
}

#Adminpage #page_right input:focus { 
	background: none repeat scroll 0 0 #EFF5FF;
    border: 2px solid #73A6FF;
    color: #000000; }

#Adminpage input#chkactive, #Adminpage input#chkIsactive, #Adminpage input[type="checkbox"] { width:auto !important; height:auto !important; }

table.AddEdit { border:0px none !important; width:600px; }
table.AddEdit td { padding:10px; text-align:left; }
table.AddEdit td.left { text-align:right !important; }

td.PageStyle, td.PageStyle table, td.PageStyle td { border:0px none !important; }
td.PageStyle table { border:0px none !important; display:block; }

.AdminPagingWrap { float:left; margin:15px 0 0 0; clear:both; }
.AdminPagingWrap h1 { float: left; margin-bottom: 7px; width: 100%; font-size:14px !important; font-family:"Lucida Grande",Arial,Helvetica,sans-serif !important; }
#Adminpage .more_result { float:left; }
#Adminpage .tip { float:left; margin:2px 0 0 5px; font-size:11px; }
.AdminImgWrap img { width: 142px !important; height:auto !important; }
#Adminpage input.button
{
	width:auto !important; 
	height:auto !important;
	float: left !important;
	padding: 15px 40px 15px 40px !important;
	border: 1px solid #d1d1d1 !important;
	font-size: 13px !important;
	color: #ffffff !important;
	background: #006699 !important;
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
	-o-border-radius: 30px !important;
	-ms-border-radius: 30px !important;
}
#Adminpage input.button:hover
{
	background: #A82E10 !important;
	color: #ffffff !important;
}


#Adminpage #page_right span.one { font-family: 'Droid Serif', serif; font-style:normal; font-weight:normal; font-size:18px; }
#Adminpage #page_right span.two { font-family: 'Uncial Antiqua', cursive; font-style:normal; font-weight:normal; font-size:18px; }
#Adminpage #page_right span.three { font-family: 'Metamorphous', cursive; font-style:normal; font-weight:normal; font-size:18px; }
#Adminpage #page_right span.four { font-family: 'Tangerine', cursive; font-style:normal; font-weight:normal; font-size:36px; }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
	=DataGrid
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#Adminpage table.Grid { 
	border-top:1px solid #8fa2b0; 
	border-left:1px solid #8fa2b0;
	color: #666666;
    font-family: "Lucida Grande",tahoma,arial;
    font-size: 12px;
    line-height: normal;
    text-align: left; 
	float:left;
	background:#fff;
}

#Adminpage table.Grid th { border-right:1px solid #8fa2b0; border-bottom:1px solid #8fa2b0; padding: 3px 5px; background:#8fa2b0; color:#ffffff; }
#Adminpage table.Grid th a { color:#ffffff; text-decoration:underline; }
#Adminpage table.Grid th a:hover { color:#ffffff; text-decoration:none; }
#Adminpage table.Grid td { border-right:1px solid #8fa2b0; border-bottom:1px solid #8fa2b0; padding: 3px 5px; }
#Adminpage tr.GridRow { background:none; }
#Adminpage tr.GridAltRow { background:#dbf1f8; }

#Adminpage #lblerr { 
	color: #CC0000 !important;
    float: left;
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left;
    width: 98%;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
	= Admin Login
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#Adminpage #Login
{
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 308px;
	height: 218px; /*background: url(../images/get_started.png) top no-repeat;*/
}
#Adminpage #Login label {
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    margin-left: 0;
    margin-top: 15px;
	margin-bottom:2px;
    text-align: left;
}
#Adminpage .login_input { 
	float:left;
    outline: medium none;
    padding: 10px;
    width: 300px;
/*	padding:2px 5px;	*/
	height:22px; 
	background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #DFDFDF;
    color: #6F6F6F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin-bottom:10px;
}

#Adminpage .login_input:focus { 
	background: none repeat scroll 0 0 #EFF5FF;
    border: 2px solid #73A6FF;
    color: #000000; 
}

#Adminpage #Login .button { margin-top:5px; }