﻿
/*----------------------------------------------------------*/
/* MISC  
----------------------------------------------------------*/
.textAlignCenter { text-align: center; }
.marginAuto { margin: 0px auto; }
.textDecorationNone {text-decoration: none;}
.textDecorationNone a {text-decoration: none;}

.textDecorationUnderline {text-decoration: underline;}
.textDecorationUnderline a {text-decoration: underline;}

a.AnchorTextDecorationNone:link {text-decoration: none}
a.AnchorTextDecorationNone:visited {text-decoration: none}
a.AnchorTextDecorationNone:hover {text-decoration: none}
a.AnchorTextDecorationNone:active {text-decoration: none}

.clear
{
    clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

.heightAuto{ height: auto; }

.floatLeft
{
	float: left;
}

.displayInline
{
	display: inline;	
}

.floatRight
{
	float: right;
}

.ListStyleNone li
{
	list-style: none;
}

.zeroMargin
{
	margin: 0px;	
}

.overflowAuto
{
	overflow: auto;	
}

.zeroPadding
{
	padding: 0px;	
}

.zeroPaddingBottom { padding-bottom: 0px; }
.zeroPaddingBottomOveride { padding-bottom: 0px !important; }

.leftAndRigthPadding5
{
	padding: 0px 5px 0px 5px;	
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.height20px
{
	height: 20px;	
}

.height40px
{
	height: 40px;	
}

.width40px
{
	width: 40px;	
}

.width80px
{
	width: 80px;	
}

.width100px
{
	width: 100px;	
}

.width120px
{
	width: 120px;	
}

.width150px
{
	width: 150px;	
}

.width180px
{
	width: 180px;	
}

.width200px
{
	width: 200px;
}

.width250px{ width: 250px;}

.width300px{ width: 300px;}

.width400px
{
	width: 400px;
}

.width460px
{
	width: 460px;
}

.relativePos100Top { position: relative; top: 100px; }
.relativePos170Bottom { position: relative; bottom: 170px; }

.fontSize11em p{ font-size: 1.1em;}
.fontSize12em p{ font-size: 1.2em;}

.paddingTopAndBottom5px { padding-top: 5px; padding-bottom: 5px; }
.paddingTop200px{ padding-top: 200px;}
.paddingTop120px { padding-top: 120px; }
.paddingTop20px { padding-top: 20px; }
.paddingTop10px { padding-top: 10px; }
.paddingTop5px { padding-top: 5px; }
.paddingBottom5px {padding-bottom: 5px;}
.paddingBottom10px {padding-bottom: 10px;}
.paddingLeft5px {padding-left: 5px;}
.paddingLeftAndRight5px{padding: 0px 5px 0px 5px}
.paddingRight10px {padding-right: 10px;}
.paddingRight5px {padding-right: 5px;}
.paddingRight18px {padding-right: 16px;}
.paddingBottom30px{padding-bottom: 30px}

.marginBottom10px { margin-bottom: 10px; }
.paddingTopAndBottom10px { padding-top: 10px; padding-bottom: 10px; }
.padding10px {padding: 10px;}
.borderBottom1pxDashed { border-bottom: 1px dashed gray; }
.borderTop1pxDashed { border-top: 1px dashed gray; }
.marginTop80px{ margin-top: 80px; }
.marginTop10px{ margin-top: 10px; }
.marginTop60px{ margin-top: 60px; }

p.bigText, li.bigText, td.bigText, th.bigText { font-size: 1.1em; }
.smallText, p.smallText, li.smallText, td.smallText, th.smallText { font-size: 0.8em; }

#pagination { text-align:center;}
.pagination { font-size: 0.6em;}

li.borderLeft0px { border-left: 0px; }
li.borderRight0px { border-right: 0px; }

.FloatLisLeft li {float: left; list-style: none;}

.Maroon { color: #B43A37;}

.CursorHand{cursor: pointer;}

a.SimpleLink:active {color: #fff;}
a.SimpleLink:link {color: #fff;}
a.SimpleLink:hover {color: #fff;}
a.SimpleLink:visited {color: #fff;}

a.SimpleLinkMaroon:active {color: #B43A37;}
a.SimpleLinkMaroon:link {color: #B43A37;}
a.SimpleLinkMaroon:hover {color: #B43A37;}
a.SimpleLinkMaroon:visited {color: #B43A37;}

.WSCbutton { background-color: #B43A37; padding: 2px; }

.Bolder { font-weight: bold; }

/*******SHARED***************/

ul.listFormLayout
{
	padding: 0px;
	overflow: auto;
}

ul.listFormLayout li
{
	list-style: none;
    padding: 0px;
    margin: 0px;
}

/*******Accoridan***********/
#accordion { font-family: helvetica, arial; font-size: 1.0em; color: #808285;}
#accordion h2 {padding: 2px 2px 0px 3px; }
#accordion h3 { font-weight: bolder; padding: 5px 5px 5px 5px; background-color: #ededed; border: 0px solid red;}
#accordion h3 a { padding: 5px; }
#accordion h4 {  }
#accordion ul { border: 0px; }
#accordion div { border: 0px; }
#accordion ul li{ list-style-type: circle; color: #808285;}