﻿/**Body**/
body.WithStyle 
{
    background-color: #339966;
 	background-image: url(../Images/PageBackground.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
    font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
    font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	text-align:center;
	letter-spacing: normal;
	margin: 5 0 0 0;
	padding:0px; 
	height: 100%; 
}

body.WithoutStyle 
{
    background-color: White;
    font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
    font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	text-align:center;
	letter-spacing: normal;
	margin: 0 0 0 0;
	padding:0px; 
}

/**Rounded boxes**/
.RoundedBox { background: url(../Images/RoundedBoxBackground.gif) repeat; }
.RoundedBoxTop div { background: url(../Images/RoundedBoxTopLeft.gif) no-repeat top left; }
.RoundedBoxTop { background: url(../Images/RoundedBoxTopRight.gif) no-repeat top right; }
.RoundedBoxBottom div { background: url(../Images/RoundedBoxBottomLeft.gif) no-repeat bottom left; }
.RoundedBoxBottom { background: url(../Images/RoundedBoxBottomRight.gif) no-repeat bottom right; }

.RoundedBoxTop div, .RoundedBoxTop, .RoundedBoxBottom div, .RoundedBoxBottom
{
    width: 100%;
    height: 7px;
    font-size: 1px;
}

.RoundedBoxContent { margin: 0 7px; }
.RoundedBox { margin: 0em auto; }

/**General**/
.Big
{	
	font-size:	1.1em;
}	

.Bold
{
    font-weight: bold;
}

.DataEntryControl
{
    text-align: left;
    vertical-align: top;
}

.DataEntryLabel
{
    text-align: right;
    vertical-align: top;
    padding-left: 2px;
    padding-right: 6px;
}
	
.DataEntryTable
{
    background-color: #fefffe;
    padding: 1px 1px 1px 1px;
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0;
}
	
.Footer
{
    color: black;
    font-size: 10pt;
}

.Italics
{
    font-style: italic;
}

.HoverButton
{
	background-color: #339966;
	background-image: url(../Images/ButtonHoverBackground.gif);
	background-repeat:repeat-x;
	border: solid 1px #339966;
	font-weight: bold;
	height: 25px;
	color:	#336699;
}

.H1
{
	color: #339966;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    cursor: default;
}

.H2
{
	color: #336699;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    cursor: default;
}

.H3
{
 	color: #336699;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    cursor: default;
}

.Message
{
}

.Normal
{
    font-size: 1em;
    cursor: default;
}

.NormalButton
{
	background-color: #f0fff8;
	background-image: url(../Images/ButtonOffBackground.gif);
	background-repeat:repeat-x;
	border: solid 1px #339966;
	font-weight: bold;
	height: 25px;
	color:	#336699;
}

.NormalDropDownList
{
	background-color: white;
	border: solid 1px #339966;
	color:	#001000;
}

.NormalImageButton
{
	background-color: #f0fff8;
	border: solid 1px #000080;
	font-weight: bold;
	height: 25px;
	color:	#336699;
}
	
.NormalMultilineTextBox
{
    font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
    font-size: 10pt;
	background-color: white;
	border: solid 1px #339966;
	color:	#001000;
}
	
.NormalTextBox
{
	background-color: white;
	border: solid 1px #339966;
	color:	#001000;
}
	
.ReadOnlyTextBox
{
	background-color: white;
	border-style: none;
	border-width: 0px;
	color:	#001000;
}

.Small
{	
	font-size:	0.8em;
}	

/**a**/
a
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #336699;
}

a:link
{	
	text-decoration: underline;
	color:	#336699;
}	
		
a:visited
{	
	text-decoration: underline;
	color:	#336699;
}	
		
a:active
{	
	text-decoration: underline;
	color:	#336699;
}	
		
a:hover
{	
	text-decoration: none;
	color:	#0000ff;
}

a.Bodylink:link	
{	
	text-decoration:	underline;
	color:	#336699;
}	
		
a.Bodylink:visited	
{	
	text-decoration:	underline;
	color:	#336699;
}	
		
a.Bodylink:active	
{	
	text-decoration:	underline;
	color:	#336699;
}	
		
a.Bodylink:hover
{	
	text-decoration: underline;
	color:	#427be6;
}

a.BodylinkNoDecoration:link	
{	
	text-decoration: none;
	color:	#336699;
}	
		
a.BodylinkNoDecoration:visited	
{	
	text-decoration: none;
	color:	#336699;
}	
		
a.BodylinkNoDecoration:active	
{	
	text-decoration: none;
	color:	#336699;
}	
		
a.BodylinkNoDecoration:hover
{	
	text-decoration: underline;
	color:	#427be6;
}

a.Footerlink:link	
{	
	text-decoration:	none;
	color:	#336699;
}	
		
a.Footerlink:visited	
{	
	text-decoration:	none;
	color:	#336699;
}	
		
a.Footerlink:active	
{	
	text-decoration:	none;
	color:	#336699;
}	
		
a.Footerlink:hover
{	
	text-decoration:	underline;
	color:	#427be6;
}

a.Menulink:link	
{	
	text-decoration:	underline;
	color:	#336699;
}	
		
a.Menulink:visited	
{	
	text-decoration:	underline;
	color:	#336699;
}	
		
a.Menulink:active	
{	
	text-decoration:	underline;
	color:	#336699;
}	
		
a.Menulink:hover
{	
	text-decoration:	underline;
	color:	#427be6;
}

/**div**/
div.AutoComplete
{
    background-color:white; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
    border:1px solid #001000; 
    margin:0px; 
    padding:0px; 
} 

div.AutoComplete ul
{ 
    margin:0; 
    padding:0; 
    width:100%; 
    list-style-type:none; 
} 

div.AutoComplete ul li
{ 
    margin:0; 
    padding:3px; 
} 

div.AutoComplete ul li.selected
{ 
    background-color: #ccd2e3; 
} 

div.AutoComplete ul strong.highlight
{ 
    color: #001000; 
    margin:0; 
    padding:0; 
}

div.BrowseCategories
{
    background-image: url(../Images/PopupBackground2.gif);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    border: solid 3px #339966;
    background-color: #f0ffe8;
    width: 720px;
    padding: 0px 0px 0px 0px;
}

div.Content
{
    min-height: 400px;
}

div.kahstHover
{
    cursor: default;
    padding: 5px;
    background-color: #daffc1;
    border: 1px solid #0080ff;
    text-align: center;
}

div.kahstNotSelected
{
    cursor: default;
    padding: 5px;
    background-color: #ffffff;
    border: 1px dotted #B0B0B0;
    text-align: center;
}

div.kahstSelected
{
    cursor: default;
    padding: 5px;
    background-color: #c0ffb0;
    border: 1px solid #0080ff;
    text-align: center;
}

div.Footer
{
    background-image: url(../Images/FooterBackground2.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-top: #339966 1px solid;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    width: 780px;
    vertical-align: bottom;
}

div.Header
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 780px;
}

div.JoinNowOrSignIn
{
    background-color: #f0ffe8;
    background-image: url(../Images/FooterBackground2.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 80%;
    border: solid 3px #84c42c;
}

div.JoinNowOrSignIn2
{
    background-color: #f0ffe8;
    background-image: url(../Images/FooterBackground2.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 98%;
    border: solid 3px #84c42c;
}

div.Menu
{
    position: absolute;
    left: 0px;
    top: 80px;
    width: 100%;
    height: 20px;
    z-index: 100;
}

div.NormalHover
{
    cursor: default;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #0080ff;
    text-align: center;
}

div.NormalNotSelected
{
    cursor: default;
    padding: 5px;
    background-color: #ffffff;
    border: 1px dotted #B0B0B0;
    text-align: center;
}

div.NormalSelected
{
    cursor: default;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #0080ff;
    text-align: center;
}

div.Page
{
    background-color: white;
    border: solid 1px #339966;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    top: 0px;
    width: 780px;
    height: 100%;
    text-align: center;
}

div.PanelUnderline
{
    background-image: url(../Images/PanelHeaderBackground.gif);
    background-position: bottom left;
    background-repeat:repeat-x;
    background-color: #ffffff;
    height: 8px;
}

div.PopularTags
{
    background-image: url(../Images/PopupBackground2.gif);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    border: solid 3px #339966;
    background-color: #ffffff;
    width: 350px;
    padding: 5px 5px 5px 5px;
}

/**img**/
img
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: none;
}

img.Chart
{
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/**input**/
INPUT.NormalCheckBox
{
    font-size: 10pt;
	border: solid 1px #339966;
}
	
/**span**/
span.Bold
{
    font-size: 10pt;
    font-weight: bold;    
}	

Span.Error
{
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}

span.Footer
{
    color: black;
    font-size: 10pt;
}
	
Span.Instruction
{
	font-size: 8pt;
	color: #174a2f;
}

span.Mandatory
{
    padding-left: 18px;
    background-image: url(../Images/GreenStar.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

Span.Message
{
	font-size: 10pt;
	color: red;
}
	
span.Normal
{
    font-size: 10pt;
}

span.Small
{	
	font-size:	0.8em;
}
	
span.Tooltip
{
    font-size: 10pt;
    border-bottom: dotted 1px #000000; 
}

Span.Warning
{
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}

/**table**/
table.Border
{
	border-color: #001000;
	border-style: solid;
	border-width: 1;
}

table.Command
{
	background-color: White;
	border-right: solid 1px #001000;
	border-top: solid 1px #001000;
	border-left: solid 1px #001000;
	border-bottom: solid 1px #001000;
}

table.Header
{
	background-color: White;
}

/**textarea**/
TEXTAREA.NormalTextBox
{
    font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
    font-size: 10pt;
	background-color: white;
	border: solid 1px #339966;
	color:	#001000;
}

/**td**/
td.Bold
{
    font-weight: bold;
}

td.Message
{
    color: red;
    font-size: 10pt;
}

td.Normal
{
    font-size: 10pt;
}
