﻿html, body, div, span, applet, object, iframe, 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;
	background: transparent;
}

body 
{
    height: 100%;
     background: #33CCFF url("Images/mainBG.png") repeat-x;
     font-family:  "Segoe UI", Arial, Tahoma, Geneva,sans-serif;     
     font-size: .8em;
}

div.fullscreen
{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

h1, h2, h3
{
    text-transform: capitalize;
    font-family:  "Georgia",Times New Roman, ;
}

h1
{
    font-size: 1.8em;
    margin: 0px 0 5px 0;
}
h2
{
    font-size: 1.3em;
    padding: 10px 0 5px 0;    
}
h3
{
    font-size: 1.1em;
    margin: 10px 0 5px 0; 
}

a
{
    color: #C00;
    text-decoration: none;
    cursor: pointer;
}
a:hover
{
    border-bottom: solid 1px #C00;
}

p
{
    margin: 5px 0 0 0;
    line-height: 1.5em;
}

ul
{
    list-style-type: circle;
    font-size: .9em;
}

li
{
    margin-bottom: 3px;
}

/*UNIVERSAL ELEMENTS*/
#outerWrapper
{    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}
#wrapper
{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
#contentWrapper
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}
#logo a:hover
{
    border-bottom: none;
}
#logo p
{
    font-size: .9em;
    text-align: center;
    font-family: "Segoe UI", Trebuchet MS, Tahoma;
    color: #CCC;    
}
#moon
{
    background: url("Images/Sprites/sprites_deco.png") no-repeat;
    background-position: 0px -200px; 
    width: 85px;
    height: 86px;
    /*positioning reset in respective css*/ 
    display: none;
}
#footer
{
    color: #555;   
    font-size: .8em;
    font-family:   "Verdana", Arial, Tahoma, Geneva,sans-serif; 
    margin: auto;
    width: 870px;
    position: relative;
    top: 8px;
    margin-bottom: 10px;
}
#footer div{    float: left;}
#footer ul
{
    margin-left: 10px;
    float: right;
    list-style: none;	
}
#footer ul li
{
    display: inline;
    float: left; 
    padding: 0px 30px 0px 0px;
}
#footerBgDeco
{ 
    background: url("Images/footerBgDeco.png") no-repeat;
    height: 64px;
}
#bottomBackground
{
    background: url("Images/footer.png") repeat-x;    
    height: 178px;
    width: 100%;
    position: absolute;
    bottom: 50px;
}

/*END UNIVERSAL ELEMENTS*/

/*GLOBAL CLASSES*/
.ClearFloats
{
    clear: both;
    line-height: 0px;
    height: 0px;
}
.HorizontalBorder
{
    background: url("Images/horizontalDivider_repeat.png") top repeat-x;
}
.HorizontalBorderWide
{
    background: url("Images/horizontalDivider_wide.png") no-repeat center;
    height: 25px;  
    margin-bottom: 20px;
}

.VerticalBorder
{    
    background: url("Images/Sprites/sprites_deco.png") no-repeat;
    background-position: 0px -300px;
}
.CenterAlign
{
    text-align: center;
}
.BlockDisplay
{
    display: block;
    clear: both;
}
.Watermark
{
    font-size: .8em;
    color: #333;
    font-weight: normal;
}
.SpecialText
{
    font-size:1.2em;
}
.Emphasized
{
    color: #333;
    font-weight: bold;
}

/*END GLOBAL CLASSES*/


/*Classes*/
.ContentHeader
{
    background: url("Images/horizontalDivider_wide.png") no-repeat bottom;
    clear: both;
    height: 55px;    
    display: table-cell;
}
.ContentHeader h2
{
    float:left;    
    padding: 0px;   
    width: 455px;
}
.ContentHeader div
{
    width: 370px;
    float: left;
    text-align: right;
}
.SubNavBar
{    
    text-align: right;
    height: 30px;  
    clear: both;
}
.SecureShopingContent
{
}
.SecureShopingContent ul
{
    list-style: circle;
    color: #333;
    position: relative;
    left: 50px;    
}
.SecureShopingContent ul li
{
    padding: 7px 0px 7px 0px;
    
}
.AuthorizeNetSeal
{   
    margin: auto;
    text-align: center;
}
.AuthorizeNetSeal a:hover
{
    border-bottom: none;
}
/*Buttons*/
.PrimaryButtonStyle, .SecondaryButtonStyle, .SubButtonStyle, .NoticeButtonStyle
{       
    cursor: pointer;
    color: #FFF;    
    padding: 2px 7px 2px 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    background:  url("Images/Sprites/sprites_buttons.png") repeat-x;}
.PrimaryButtonStyle
{ 
    border: solid 1px #6C3;
}
.PrimaryButtonStyle:hover
{ 
    background-position: 0px -25px;
    border: solid 1px #6C6; 
}
.SecondaryButtonStyle
{
    background-position: 0px -50px;
    border: solid 1px #39F;
}
.SecondaryButtonStyle:hover
{
    background-position: 0px -75px;
    border: solid 1px #3CF; 
}
.SubButtonStyle
{
    background-position: 0px -100px;
    border: solid 1px #444;
}
.SubButtonStyle:hover
{
    background-position: 0px -125px;
    border: solid 1px #333; 
}
.NoticeButtonStyle
{
    background-position: 0px -150px;
    border: solid 1px #B90;
}
.NoticeButtonStyle:hover
{
    background-position: 0px -175px;
    border: solid 1px #B90; 
}
.ButtonFloatRight
{
    float: right;
    margin-top: -25px;
}
.AddManagerButton
{
    vertical-align: middle;
}
.FormButton /*special PrimaryButton class*/
{
    position: relative;
    top: 10px;
    left: 110px;
}

/*ASP Classes*/
/*.LoginPanelStyle, .CreateUserWizard, .ResetPasswordPanel, .ChangePasswordPanel
{
    position: relative;
    margin: auto;
}
.LoginPanelStyle{       top: 80px;    }
.CreateUserWizard{    top: 50px;}
.ChangePasswordPanel{    top: 110px;}
.ResetPasswordPanel{    top: 70px;}
*/
.TitleStyle
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;  
}
.PresentationTitleStyle
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    background: url("Images/Arrow_right.png") no-repeat right;
    padding-right: 15px;
}
.LabelStyle
{
    font-size: .9em;
    font-weight: bold;
    text-align: left;   
    color: #333;
}
.DescriptionStyle
{
    font-size: .9em;
    line-height: 1.5em;
    color: #777;
}
.PresentationDescriptionStyle
{
    font-size: .9em;
    line-height: 1.5em;
    color: #777;
    display: block;
    padding: 10px;
}
.TextBoxStyle
{  
    margin: 7px 0px 7px 5px;
    width: 155px;
    text-align: left;
}
.DescriptionTextBoxStyle
{    
    width: 450px;
    height: 50px;
}
.ErrorLabelStyle
{
    color: Red;
}
.CheckBoxStyle
{
    color: #555;
    font-weight: normal;
    cursor: pointer;
}
.FileUploadStyle
{
    margin-left: 5px;
}
.Indent
{
    margin-left: 110px;
}

.FormStyle
{
}
.FormOutputLabelStyle
{
    padding: 7px 0px 7px 5px;
    text-align: left;
}

.FormStyleTitle
{ 
    font-size: .8em;
    font-weight: bold;  
    color: #333;    
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    text-align: right;
}
.FormStyle_ErrorMessage
{
    display: inline-block;
    vertical-align: middle;
}
.DropDownListBox
{  
    margin: 5px;
    text-align: left;
    cursor: pointer;
}

/*Grid*/
.GridViewStyle
{
    width:100%;
    border: 1px solid #CCC;
}
.GridViewHeader
{    
    font-size: .9em;
    font-weight: bold;
    text-align: center;   
    color: #222;
    padding: 5px;
    background: #F1F1F1;
    border-bottom: solid 1px #CCC;
}
.GridViewItem_Title, .GridViewItem_Actions, .GridViewItem_Status, .GridViewItem_Privacy, .GridViewItem_Owner
{
    text-align: center;
    padding: 5px;    
    vertical-align: middle;
    border-bottom: solid 1px #EEE;
}
.GridViewItem_Title
{
    text-align: left;
    width: 550px;
    vertical-align: top;
}
.GridViewItem_TitleHeader
{
    text-align: left;
}
.GridViewItem_Status
{
    text-align: left;
    font-size: .8em;
}
.GridViewItem_Owner
{
    text-align: left;
}
.SubLink
{
    font-size: .85em;
    color: #555;
    padding-left:3px;
    padding-right:3px;
}
.SubLink:hover
{
    border: none;
}
.SubLink img
{ 
    vertical-align: middle;
}
.PresentationDownloadPanel
{
    padding: 5px;
}
.PresentationDownloadPanel h4
{
    padding-bottom: 8px;
}
.GridViewItem_Actions
{
    width: 110px;    
}
.GridViewItem_Actions_IconLink
{
    padding: 2px;
    color: #000;
}
.GridViewItem_Actions_IconLink:hover
{
    border: none;
    /*background: #CCC;*/
}

.GridViewRowStyle
{
    padding: 5px;
    border-bottom: solid 1px #EEE;
}

.GridViewAltRowStyle
{
    background: #F8F8F8;
}


/*Special Panels*/
.UpdateProfilePanel
{
    background: #EEE;
    border: solid 1px #DDD;
    padding: 10px;
}
.SubscribeNowPanel, .AlertPanel, .SpecialPanel
{
    margin-top: 15px;
    padding: 8px;
    text-align: center;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
}
.SubscribeNowPanel
{
    background: #FBFFCF;
}
.AlertPanel
{
    background: #EEE;
        border-top: solid 1px #E1E1E1;
border-bottom: solid 1px #E1E1E1;
}
.SpecialPanel
{
    background: #F5F5F5;
    font-size: 1.1em;
}

/*other elements*/
#_privacyDropDownList
{
    width: 400px;
    margin-left: 5px;  
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}