﻿

html  
{ height: 100%;
   width: 100%; 
    }








body
{
    background-position: 100% 100%;
    font-family: Verdana;
    font-size: .95em;
    color: #000062;
    background-image: url('images/MasterPage/mainBG.png');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}


/* begin top section of masterpage */





div.top
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    
} 

/* currently un-used section(s) 
div.breadcrumb
{
    float: left;
    width: 90%;
    text-align: center;
    position: relative;
}

div.login
{
    float: right;
    margin-right: 2%;
    width: 5%;
   
}

*/


/* end top section */



/* Begin header logo section */

div.leftLogo
{
    float: left;
    margin-left: 1%;
   
}


div.rightImage
{
    float: right;
    overflow: hidden;
    padding-bottom: 3px;
} 

div.liquidWrapper
{
    /* width: 100% for 960 by 600 or row break occurs */
    background-position: 0px 0px;
    background: url(  '../Theme1/images/MasterPage/middlePart2.jpg' ) repeat-x 0px 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: auto;
    clear: both;
}

/* Begin log menu section */


div.menu
{
    clear: both;
    background-position: right;
    background-image: url('../Theme1/images/MasterPage/footerLtGreen1250by25b.png'); /*  background-color: #ECE9D8;  */
    background-repeat: no-repeat;
    float: left;
    width: 98%;
    margin-left: 2%;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #DADADA;
}

/* End log menu section */
/* Begin side & main section */

div.wrapperMain
{
    width: 100%;
    background-image: url('../Theme1/images/MasterPage/bgLeftberg1275by10.png');
    position: relative;
    overflow: hidden;
    clear: both;
}

div.leftColumnSideContent
{
    width: 16%;
    text-align: center; /*  background-image: url('../Theme1/images/cpowebBG298by338.png');  */
    float: left;
}


div.rightColumnMainContent
{
    float: right;
    width: 83%;
    height: 100%;
    background-image: url('images/MasterPage/mainBG.png');
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: #DADADA;
}

/* End side & main  section */
/* Begin Footer and Sub-footer Section */

div.footer
{
    background-position: 100%;
    text-transform: uppercase;
    text-align: center;
    background-image: url('../Theme1/images/MasterPage/footerLtGreen1250by25b.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    float: left;
    clear: both;
    font-size: x-small;
    color: #0000FF;
    vertical-align: middle;
}

div.subFooter
{
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    background-image: url('../Theme1/images/MasterPage/footerTransBlue1250by30b.png');
    background-position: 100%;
    background-repeat: no-repeat;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #FFFFFF;
    height: 25px;
    clear: both;
    position: relative;
    font-size: x-small;
    color: #FFFFCC;
}


/* End Footer and Sub-footer Section */
div.main
{
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
}

div.main2
{
    background-color: #C0C0C0;
    width: 100%;
    min-height: 490px;
}
div.main3
{
  
    width: 100%;
    text-align: center;
}

div.halfLeft
{
    border: thin dashed #EAEAEA;
    width: 40%;
    text-align: center;
    float: left;
    margin-right: 4%;
    margin-left: 4%;
    background-color: #FFEFD9;
    min-height: 75px;
}
div.halfRight
{
    background-color: #FFEFD9;
    border: thin dashed #EAEAEA;
    width: 40%;
    min-height: 75px;
    text-align: center;
    float: right;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 8px;
    padding-left: 8px;
}

div.halfLeft2
{
    border: thin dashed #EAEAEA;
    width: 40%;
    text-align: center;
    float: left;
    margin-left: 4.5%;
    background-color: #FFFFFF;
    min-height: 200px;
}
div.halfRight2
{
    background-color: #FFFFFF;
    border: thin dashed #EAEAEA;
    width: 45%;
    min-height: 200px;
    text-align: center;
    float: right;
    margin-right: 4.5%;
    
}


/*begin content style section */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}




i
{
    color: #000000;
}

/* span on content */

.small
{
    font-size: .80em;
    font-weight: bold;
    font-variant: small-caps;
}
.quote
{
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    color: #666666;
    font-size: .85em;
    width: 85%;
    text-align: center;
}

.quote2
{
    padding: 2%;
    margin: 1% 8% 1% 8%;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    font-size: .90em;
    width: 80%;
    text-align: left;
    background-color: #FFFFFD;
    font-family: Arial, Helvetica, sans-serif;
}

.quote3
{
    margin: 2%;
    font-weight: bold;
    font-style: italic;
    color: #666666;
    font-size: .85em;
    width: 96%;
    text-align: left;
    font-variant: small-caps;
    background-color: #FFFFEC;
}

.quote4
{
    font-weight: bold;
    font-style: italic;
    color: #666666;
    font-size: .85em;
    width: 96%;
    text-align: left;
    font-variant: small-caps;
    margin-left: 25%;
}
/* p on website */
p
{ 
    color: #000099;
    font-family: Verdana;

}



p.indent
{
    margin: 8px;
    text-indent: 8px;
    color: #000080;
    text-align: justify;
}



p.title
{
    text-align: justify;
    font-size: 1em;
    font-weight: bold;
}

p.text
{
    margin: 3%;
    text-align: left;
    font-size: 1em;
    width: 95%;
}
p.text2
{
    font-size: .90em;
    width: 95%;
    text-align: center;
}



p.text3
{
    font-size: .90em;
    width: 80%;
    text-align: center;
    background-color: #FFFFFF;
    margin-left: 10%;
}

p.text4
{
    font-size: .90em;
    width: 80%;
    text-align: left;
    background-color: #FFFFFF;
    margin-left: 12%;
    margin-right: 10%;
}
p.centering
{
    text-align: center;
    width: 100%;
    margin: 4px;
}





hr
{
    border-top: 2px solid Aqua;
    height: 2px;
    border-top-color: #7D0028;
    border-top-width: 1px;
    color: #000080;
}



hr.shorter
{
    border-top: 2px solid Aqua;
    height: 2px;
    border-top-color: #7D0028;
    border-top-width: 1px;
    color: #000080;
    width: 75%;
}

hr.shortest
{
    border-top: 2px solid Aqua;
    height: 1px;
    border-top-color: #008080;
    border-top-width: 1px;
    color: #000099;
    width: 65%;
}


h1
{
    font-size: 1.50em;
    color: #0000FF;
}

h2.centerH2
{
    font-family: Verdana;
    font-size: 1.25em;
    color: #000000;
    text-align: center;
}

h2
{
    font-family: Verdana;
    font-size: 1.25em;
    color: Navy;
}

h3
{
    font-size: 1.0em;
}

h3.red
{
    font-size: 1.0em;
    color: #800000;
}

h3.centerH3
{
    font-family: Verdana;
    color: #800000;
    text-align: center;
}

h4
{
    font-size: .85em;
    font-weight: bold;
    font-variant: small-caps;
    color: #000080;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* bullet list css */

ul
{
    margin: 4px;
    padding: 0px;
    text-decoration: none;
    font-size: .90em;
    color: #0000FF;
}

li
{
    list-style: none;
    background: url(../../images/list-bullet-01-link.gif) no-repeat 0 .8em;
    padding: .2em 0 .2em 1em;
    margin-left: 0.6em;
    text-align: left;
    text-decoration: none;
    color: #0000FF;
}

ul.list-of-links
{
    margin: 4px;
    border-bottom: 1px dotted #B2B2B2;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #000080;
    border-bottom-color: #000080;
    width: 100%;
    color: #0000FF;
    background-color: #FFFFFF;
}

li.list-of-links a:link, #nav-main li.current a:visited
{
    color: #000080;
}

li.list-of-links a:hover
{
    color: #6699FF;
}

li.list-of-links a:active
{
    color: #669999;
}





li.current a:link, #nav-main li.current a:visited
{
    color: #C0C0C0;
}

li.current a:hover
{
    color: #BBBBFF;
}

li.current a:active
{
    color: #008080;
}


.GCbutton
{
    background-position: center center;
    border: thin ridge #006699;
    text-align: center;
    background-image: url('../../images/pdf_icon.png');
    background-repeat: no-repeat;
}

.linky
{
    font-size: .80em;
    color: #0000FF;
}

.linky2
{
    font-size: .75em;
    color: #0000FF;
}

.linky3
{
    font-size: .95em;
    color: #0000FF;
    float: right;
    margin-right: 40%;
}

.linky4
{
    font-size: .95em;
    color: #0000FF;
    float: right;
    margin-right: 40%;
    font-weight: bold;
}
.linky5
{
    font-size: .90em;
    float: right;
    margin-right: 25%;
    font-weight: bold;
}






a
{
    text-decoration: none;
    color: #0000FF;
}
 

a:link
{
    color: #0000FF;
   
}

a:visited
{
    color: #000080;
    
}

a:hover
{
   
    color: #800000;
}

a:active
{
    color: #008080;
}



/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer
{
    background-position: url(img/yui/sprite.png) #d8d8d8 repeat-x;
    background: url(img/yui/sprite.png) #d8d8d8 repeat-x;
    margin: 0px 1.16em 0px 0px;  
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
    
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    
    background:url(img/yui/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #edf5ff;
    border: solid 1px #808080;
    border-top-width: 0px;
}
/* Gridview Control Styles */

 

/*software pricing page mspricing.aspx */

.gridviewPageTable
{
    table-layout: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .85em;
    width: 95%;
}

.gv1Hide
        {
            display:none;
        }


.gv1Main
{
    Height: 325px; 
    Width: 100%;
}

.gv1Header
{
    background-color: #000000;
    height: 60px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#pagetitle
{
   margin-top: 1%;
    margin-left: 1%;
    width: 100%;
    position: relative;
    color: #5B0000;
    font-size: large;
    padding: .5em 20px .7em 20px;
    background-image: url('../Theme1/images/MasterPage/footerTransBlue1250by30b.png');
}

#pagetitle a:link, #pagetitle a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#pagetitle a:hover{
	color:#D4E7F8;
	text-decoration:none;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Equus Page content divs

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.contentLogo
{
    background-image: url('../Theme1/images/Content/equusTop.png');
    background-position: center top;
    width: 100%;
    height: 81px;
    background-repeat: no-repeat;
}



.mainContent
{
    width: 100%;
    height: 100%;
    margin: 1%;
}	
.subContent
{
    width: 100%;
    height: 100%;
    margin: 1%;
    background-color: #FFFFFF;
    padding-left: 5%;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	holcombs Page content divs

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



.contentLogo2
{
    width: 100%;
    height: 110px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.successPageText
{
    margin: 2%;
    color: #003300;
    width: 75%;
    height: 350px;
}

	
.panel{  width: 95%; float: left; margin-left: 2%; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	 Page Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column
{
    background-position: right;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 100%;
    border: 1px solid #818181;
    background: url('../images/bg-content-side.png') repeat-y right;
    position: relative;
}

#content-main-two-column {
	width:60%;
	float:left;
	}

#content-side-two-column
{
    padding: 5px;
    margin: 1%;
    float: left;
    width: 36%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #818181;
}
	
#content-container-two-column-b
{
  
    background-position: right;
  
    margin: 1%;
    width: 100%;
    border: 1px solid #818181;
    background: url('../images/bg-content-side.png') repeat-y right;
    position: relative;
}

#content-main-two-column-b
{
    width: 55%;
    float: left;
    margin-left: 3%;
}

#content-side-two-column-b
{
    float: right;
    width: 35%;
    margin-right: 3%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #818181;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Directory Page content 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#dir-content-container-three-column
{
    
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 1px solid #818181;
    position: relative;
    max-width: 1200px;
}

#dir-content-side1-three-column
{
    float: left;
    width: 25%;
    max-width: 300px;
    min-height: 580px;
}

#dir-content-main-three-column {
	width:49%;
	max-width: 575px;
	float: left;
	min-height: 580px;
	
	}

#dir-content-side2-three-column
{
    
    float: right;
    width: 25%;
    max-width: 300px;
   
}
	
.panelMain
{
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 100%;
}


.profileHeader
{
    background-position: left;
    background-image: url('images/MasterPage/bgLeftberg.png');
    width: 100%;
    height: 15px;
    background-repeat: no-repeat;
}
.profileFooter
{
    background-image: url('images/MasterPage/bgLeftberg2.png');
    width: 100%;
    height: 15px;
    background-repeat: no-repeat;
    background-position: right;
}



.labelHeader
{
    font-family: 'Arial Rounded MT Bold';
    font-size: 1em;
    color: #660033;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}
.labelSubHeader
{
    font-family: 'Arial Rounded MT Bold';
    font-size: .95em;
    color: #000066;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}

.labelName
{
    font-family: 'Arial Rounded MT Bold';
    font-size: .90em;
    color: #303030;
    text-align: left;
    
}
.labelTitle
{
    font-family: 'Arial Rounded MT Bold';
    font-size: .80em;
    font-variant: small-caps;
    font-style: italic;
    color: #000066;
    text-align: left;
    width: 24px;
    height: 24px;
}

.linkButton
{
   
}

p.name
{
    margin-left: 20px;
    text-align: left;
}

span.title
{
    margin-left: 5px;
    text-align: left;
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #0000FF;
    background-color: #408080;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
}

#master_content .accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

#master_content
{
    float: left;
    width: 550px;
    margin-right: -550px;
    color: #666666;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:728px;
	border:1px solid #818181;
	background:url(../../images/bg-three-column-main.png) repeat-y;
	position:relative;
	}

#content-main-three-column {
	width:355px;
	float:left;
	margin-left:25px;
	}

#content-side2-three-column, #content-side1-three-column
{
    width: 160px;
    font-size: .85em;
    
}
	
#content-side2-three-column {
	float:right;
	}

#content-side1-three-column {
	float:left;
	}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
	
}
.docs-date {
	font-size:0.80em;
	font-style:italic;
	color:#A4A4A4;
}

.arrow {
	vertical-align:middle;
	}

input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}

input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}

.clear
{
    clear: both;
    height: 10px;
    visibility: hidden;
}

.none {
    display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView  
{
    border-bottom:1px dotted #B2B2B2 !important;
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
    border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}

.LeafNodesStyle 
{
    
}


.RootNodeStyle 
{
    
}

/* ALL ELEMENTS */
.NodeStyle 
{

}

.ParentNodeStyle 
{
    background:yellow;
}
 

a.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:2px 0 2px 3px;
}




