﻿/* author: Applied Consultancy Solutions */


/******************************************************************************
Basic Body & HTML Elements
******************************************************************************/

body
{
	color: #000;
	background: #014D68;
	font-size: 0.9em;
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
								
table, td, p, div		{font-family: trebuchet ms, arial, helvetica, sans-serif; font-size: inherit; color:#000000;}
sup						{font-family: trebuchet ms, arial, helvetica, sans-serif; font-size: 7px;}
hr						{color: #ffffff; }

a:link 					{color: #000099; }
a:visited 				{color: #000099; }
a:hover 				{color: #990000; }

h2
{
    font-family: Georgia;
    font-weight: 100;
    color: #62a616;
    font-size: 1.7em;
}

h3 {
 	color: #006600;
	font-size: 1.2em;
	margin-bottom: 0.2em;
}

h4 {
	font-size: 1em; 
	margin: 5px 0px;
}

td h4
{
    margin-bottom: 0px;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0px 0px 1em 0px;
	padding: 5px;
}

fieldset legend {
	color: #929292;
	font-weight: bold;
	padding: 0 .5em;
}


/******************************************************************************
ASP.Net
******************************************************************************/

.viewstate_hide
{
    height: 0px;
    margin: 0px;
    padding: 0px;
}

.viewstate_hide form, .viewstate_hide div
{
    margin: 0px;
    padding: 0px;
}

.nomargin
{
    margin: 0px;
    padding: 0px;
}


/******************************************************************************
Generic Layout / Float Control
******************************************************************************/

.clear, .clearfloat
{
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/******************************************************************************
Errors and Alerts
******************************************************************************/

.errorblock
{
	border: 1px dashed #990000;
	padding: 10px;
	background: #efefef;
	margin: 10px 0;
}

.criticalalertheader
{
	color: #990000;
	font-weight: bold;
}

.alert_msg
{
	margin: 1em 0px;
	padding: 0px;
	border: 1px dashed #888;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.alert_msg div
{
	padding: 5px;
	margin: 0px;
}

.alert_msg .critical 
{
	color: #fff;
	background: maroon;
}

.alert_msg .warning
{
	color: #000;
	background: #FFFFAA;
}

.alert_msg .information
{
	color: #000;
	background: #eee;
}

.alert_msg a
{
	border-bottom: 1px dotted #00508D;
	text-decoration: none;
}






/******************************************************************************
* Tables                                                                      *
******************************************************************************/

td
{
	vertical-align: top;
}


/******************************************************************************
* Form Entry                                                                  *
******************************************************************************/

.datavalidationerror {
	padding-left: 160px;
	color: #990000;
	font-weight: 600;
}

.formhighlight {
	background: #ffffcc;
	padding: 3px;
}

.formitementry
{
	margin: 5px 0px;
	clear: both;
}

.formitementry .subitemcontainer {
	margin-left: 50px;
}

.formitementry label
{
	float: left;
	clear: left;
	width: 160px;
	vertical-align: top;
	margin: 5px 0px 0px 0px;
}

.formitementry select, input, checkbox, div, textarea
{
	vertical-align: middle;
	text-align: left;
	margin: 5px 0px;
}

.formitementry .divr
{
	padding: 5px 0px 0px 0px;
}

.formitementry #action {
	text-align: center; 
	background: #6F98C8;
	padding: 0.2em 0.5em;	
	margin-right: 15px;
	color: #fff;
	font-weight: 600;
	border: 0;
}

.formitementry .btn {
	text-align: center; 
	background: #6F98C8;
	padding: 0.2em 0.5em;	
	color: #fff;
	font-weight: 600;
	border: 0;
}

.formitementryerror
{
	padding-left: 160px;
	color: #990000;
	font-weight: bold;
}

.formitementry #iframe
{
	overflow:auto;
	height: 200px;
	border: 1px solid #ccc;
}

.formitementry #iframe400
{
	overflow:auto;
	height: 400px;
	border: 1px solid #ccc;
}

.formitementry .category {
	color: #3333cc;
}

.formitementry .content {
	color: #cc00ff;
}

.formitementry_littlebtn {
	text-align: center; 
	vertical-align: middle;
	font-size: 0.8em;
	background: #6F98C8;
	padding: 0.2em;	
	margin-right: 15px;
	color: #fff;
	font-weight: 600;
	border: 0;
}


/******************************************************************************
* Info Listing                                                                *
******************************************************************************/

.infolistingentry
{
	margin: 0.4em 0px;
	clear: both;
	height: 1.4em;
	line-height: 1.1em;
}

.infolistingentry .property
{
	float: left;
	width: 160px;
	vertical-align: top;
	margin: 0px;
	color: #555;
}

.infolistingentry .value
{
	float: left;
	vertical-align: top;
	margin: 0px;
}



/******************************************************************************
* Highlight Boxes                                                             *
******************************************************************************/

.highlightbox
{
	border: 1px solid #ccc;
	background: #eeefff;
	padding: 5px;
	margin: 10px 0px;
}

.informationhighlightbox {
	padding: 5px;  
	background: #efefef; 
	border: 1px dashed #999; 
	text-align: center; 
	margin: 20px 0px;
}


/******************************************************************************
* Custom: Arrowed Item Listing                                                *
******************************************************************************/

.arroweditemlisting {
}

.arroweditemlisting ul
{
	margin: 0px;
	padding: 0px;
	background: transparent;
}

.arroweditemlisting li
{
	list-style: none;
	background: url(../images/furn_indarr.png) center left no-repeat;
	margin: 2px 0px;
}

.arroweditemlisting li a
{
	margin-left: 12px;
	text-decoration: none;
	padding: 0px;
	font-size: 0.98em;
	background: transparent;
}

/******************************************************************************
* Custom: Tree Branch Listing (used in knowledgebase)                         *
******************************************************************************/

.treebranchlisting ul {
	margin: 0px;
	padding: 0px;
	background: transparent;
}

.treebranchlisting li {
	list-style: none;
	margin: 0px;
	padding: 2px;
}

.treebranchlisting .alternate {
	background-color: #E6EFF9;
}

.treebranchlisting li a
{
	background: url(../images/icons/folder.png) top left no-repeat;
	background-color: transparent;
	margin: 0px;
	padding: 1px 0px 1px 18px;
	line-height: 2.0em;
	min-height: 2.0em;
	vertical-align: top;
	text-decoration: none;
	font-size: 1em;
}

.treebranchlisting li a:hover {
	text-decoration: underline;
}


.treeitemlisting ul {
	margin: 0px;
	padding: 0px;
	background: transparent;
}

.treeitemlisting li {
	list-style: none;
	margin: 0px;
	padding: 2px;
}

.treeitemlisting .alternate {
	background-color: #E6EFF9;
}

.treeitemlisting li a
{
	background: url(../images/icons/article.gif) top left no-repeat;
	background-color: transparent;
	margin: 0px;
	padding: 1px 0px 1px 18px;
	line-height: 2.0em;
	min-height: 2.0em;
	vertical-align: top;
	text-decoration: none;
	font-size: 1em;
}

.treeitemlisting li a:hover {
	text-decoration: underline;
}




/******************************************************************************
* Custom: Article Details                                                     *
******************************************************************************/

.kbarticle {
}

.kbarticle .title {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
}

.kbarticle .info {
	font-size: 0.85em;
	color: #999;
	margin: .3em 0;
}

.kbarticle .body {
	font-size: 1em;
	margin: 1em 0;
}

.kbarticle .properties {
	background: #eee;
	font-size: 0.85em;
	padding: 2px;
}

.kbarticle .errortext {
	color: #990000;
	padding: 2px;
}



/******************************************************************************
* Arrows and highlighted links                                                *
******************************************************************************/
.plink {
	margin: 10px 0px;
	padding-left: 10px;
	background: url(../images/bluearrow.png) left no-repeat;
}

.arrowprefix {
	background: url(../images/furn_indarr.png) center left no-repeat;
	padding-left: 12px;
}

.arrowprefixbutton  {
	background: url(../images/furn_indarr.png) center left no-repeat;
	border: 1px solid #eee;
	padding-left: 12px;
}

.backlink {
	margin: 1em 0em;
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/go-previous.png) center left no-repeat #fff;
}




/******************************************************************************
Generic Publix
******************************************************************************/

.inline-body {
	background: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}


/******************************************************************************
Page Container
******************************************************************************/

.pagecontainer
{
    margin: 10px auto;
	padding: 0px;
	width: 990px;
}

.pagecontainer .pagecontainer-cap
{
    background: url(../images/layout/contentcap.png) top left no-repeat;
	min-height: 10px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 0em;
}

.pagecontainer .pagecontainer-content
{
    margin: 0px;
    padding: 0px 15px;
    background: url(../images/layout/contentbg.png) bottom left repeat-y;
	min-height: 20px;
}

.pagecontainer .pagecontainer-base
{
    background: url(../images/layout/contentbase.png) top left no-repeat;
	min-height: 10px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}



/******************************************************************************
Masthead does not include main navigation
******************************************************************************/

.masthead {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	height: 75px;
	background: #fff;
	text-align: left;
}

.masthead .masthead-logo
{
    float: left;
    width: 390px;
    height: 65px;    
    margin: 0px;
    padding: 0px;
}

.masthead .masthead-commonoptions
{
    float: right;
    width: 430px;
    margin: 0px;
    padding: 0px 10px 0px 0px;    
    text-align: right;
}

.masthead .masthead-commonoptions .search{
	margin: 6px 0px 0px 0px;
	text-align: right;
	font-size: 0.8em;
	background: url(../images/layout/masthead-search-background.png) top right no-repeat;
	min-height: 30px;
	height: 30px;
	min-width: 240px;
	vertical-align: middle;
	line-height: 30px;
	padding-right: 5px;	
}

.masthead .masthead-commonoptions .search form {
	margin: 0px;
	font-size: inherit;
}

.masthead .masthead-commonoptions .search input {
	font-size: inherit;
	margin: 0px;
}

.masthead .masthead-commonoptions .userbox {
	text-align: right;
	font-size: 0.8em;
}

/******************************************************************************
Masthead Navigation
******************************************************************************/

.masthead_navigation 
{
	margin: 0px auto;
	width: 980px;
	height: 25px;
	background: url(../images/layout/masthead-mainnavbg.png) top left no-repeat;
	padding: 0px;
	text-align: left;
}

.masthead_navigation .tier0
{
    margin: 0px;
    padding: 0px;
}

.masthead_navigation ul
{
	margin: 0px;
	padding: 0px;
	background: transparent;
	height: 25px;
}

.masthead_navigation li
{
	list-style: none;
	float: left;
	margin: 0px 10px ;
    whitespace: nowrap;
	background: transparent;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}


.masthead_navigation li a
{
	text-decoration: none;
	display: block;
	float: left;
	color: #fff;
	font-family: trebuchet ms, tahoma, arial, sans-serif;
	padding: 0px;
	font-size: 1em;
	font-weight: none;
	background: transparent;
}

.masthead_navigation li a:visited {color: #fff; }
.masthead_navigation li a:hover {color: #fff; text-decoration: underline;}

/******************************************************************************
Header and Footers
******************************************************************************/

.footer
{
	width: 960px;
	margin: 0px auto;
	padding-top: 2px;
	border-top: 1px solid #ccc;
	vertical-align: bottom;
	font-size: 0.8em;
}

.footer .footer-copyright
{
    width: 350px;
    float: left;
}

.footer .footer-links
{
    width: 600px;
    float: right;
    text-align: right;
}


/******************************************************************************
footer link_menu
******************************************************************************/

.footer_link_menu 
{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.footer_link_menu .tier0
{
    margin: 0px;
    padding: 0px;
}

.footer_link_menu ul
{
	margin: 0px;
	padding: 0px;
	background: transparent;
	height: 25px;
}

.footer_link_menu li
{
	list-style: none;
	float: right;
	margin: 0px 10px ;
    whitespace: nowrap;
	background: transparent;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}


.footer_link_menu li a
{
	text-decoration: none;
	display: block;
	float: right;
	color: #000;
	padding: 0px;
	font-size: 1em;
	background: transparent;
}

.footer_link_menu li a:visited {color: #000; }
.footer_link_menu li a:hover {color: #000; text-decoration: underline;}


/******************************************************************************
Page Layout
******************************************************************************/

.contentcontainer
{
    width: 960px;
    margin: 0px;
    padding: 1em 0px 2em 0px;
    overflow: hidden;
}

.contentcontainer .contentcontainer-eccentriccontent
{
	float: left;
	width: 730px;
	padding: 0px;
	margin: 0px;
	background: #fff;
}

.contentcontainer .contentcontainer-eccentricsidebar
{
	float: left;
	width: 200px;
	padding-left: 10px;
	margin: 0px;
	whitespace: nowrap;
	background: #fff;
}

.contentcontainer .locationleft
{
    margin-right: 10px;
}

.contentcontainer .pageheader
{
    font-family: Georgia, roman, serif;
    font-weight: 100;
    color: #62a616;
    margin: 0px;
    font-size: 1.7em;
}

.contentcontainer .pagesubheader
{
	font-size: 1.3em;
	font-family: Georgia, Serif;
	color: #064d6d;
	padding: 5px 0;
}

.contentcontainer .pageminorheader
{
	font-size: 1.1em;
	font-family: Georgia, Serif;
	color: #555;
	margin: 0.5em 0em;
}

.contentcontainer .pagespacerbreak
{
    font-size: 1em;
    height: 1em;
    min-height: 1em;
    padding: 0px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 1em;
}


/******************************************************************************
Sidebar Specific
******************************************************************************/

.sidebar-block
{
    margin: 0em 0em 1em 0em;
    padding: 0em 0em 1em 0em;
    border-bottom: 1px dotted #ccc;    
}
.sidebar-block h2, sidebar-block h3
{
    margin-top: 0em;
    margin-bottom: 0.5em;
}

.sidebar-links
{
    margin: 0px;
    padding:0px;
}

.sidebar-links li
{
    list-style-image: url(../images/greenlinkarrow.png);
    margin: 0.2em 0em 0.2em -1.5em;
    padding: 0em;
}


/******************************************************************************
Navigation Menus
******************************************************************************/

.sub_menu
{
	margin: 10px 0px;
}

.sub_menu ul
{
	margin: 0px;
	padding: 0px;
	background: transparent;
}

.sub_menu li
{
	list-style: none;
	float: left;
	margin: 0;
	whitespace: nowrap;
	background: transparent;
	height: 40px;
	width: 100px;
}

.sub_menu li a
{
	text-decoration: none;
	display: block;
	float: left;
	color: #333;
	font-size: 14px;
	font-family: trebuchet ms, tahoma, arial, sans-serif;
	padding: 5px 0px 0px 0px;
	background: transparent;
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	/* .header .main_navigation a {float: none; }		/* End IE5-Mac hack */
}


/******************************************************************************
Error Message
******************************************************************************/

.errorpage
{
    
}

.errorpage .errortitle
{
    font-size: 1.5em;
    font-weight: bold;
}

.errorpage .errormessage
{
}


/******************************************************************************
Search
******************************************************************************/

.searchbox
{
    border: 2px solid #ddd;   
    background: #efefef;
    padding: 1em;
    border-radius: 3px; 	
	-moz-border-radius: 3px;
	-webkit-border-: 3px;
}


.searchresult {
	margin: 15px 0px;
}

.searchresult .content_title 
{
	font-size: 1.2em;
	margin: 0px;
}

.searchresult .content_body 
{
    color: #000;
    margin: 0;
}

.searchresult .content_type 
{
	margin: 2px 0px;
}

.searchresult .url 
{
	color: #009933;
	font-size: 0.9em;
	margin: 0px;
}



/******************************************************************************
Public Specific
******************************************************************************/

.public_nav_btns
{
	
	height: 25px;
	line-height: 25px;
	display: block;
	margin: 5px 0px 15px 0px;
}

.public_nav_btns ul
{
	margin: 0px;
	padding: 0px;
}

.public_nav_btns li
{
	list-style: none;
	float: left;
	margin: 0 10 0 0;
	padding: 0 5px;
	whitespace: nowrap;
	border: 1px solid #CBDDF3;
	background: #E6EFF9;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

.public_nav_btns li a
{
	font-weight: bold;
	text-decoration: none;
	color: #051887;
}



/******************************************************************************
Content Listings
******************************************************************************/

.contentlist_basic
{
}

.contentlist_basic li
{
    list-style-image: url(../images/greenlinkarrow.png);
    margin: 0.2em 0em;
    padding: 0em;
}



.contentlist_previewwithcaption
{
    margin: 0em 0em 2em 0em;
    border-bottom: 1px dotted #ccc;
    padding: 0em 0em 1em 0em;
}

.contentlist_previewwithcaption .title
{
    font-size: 1.3em;
    font-family: Georgia, roman, serif;
    font-weight: bold;
}

.contentlist_previewwithcaption .date
{
    font-size: 0.8em;
    color: #999;
}

.contentlist_previewwithcaption .body
{
    font-size: 1em;
    margin: 1em 0em;
}

.contentlist_previewwithcaption .link
{
    background: url(../images/greenlinkarrow.png) left no-repeat;
    padding-left: 15px;
}

.contentlist_twocolumn
{
    margin: 0em;
    padding: 0em;
}

.contentlist_twocolumn .browsepath
{
	margin: 0px 0px 1em 0px;
	height: 1.2em;
	border-top: 1px solid #ddd;
	background: #efefef;
	padding: 0.3em;
	text-align: left;
}

.contentlist_twocolumn .multicolumntable
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e6eff9;
}

.contentlist_twocolumn .multicolumntable td
{
    width: 50%;
    vertical-align: top;
    padding: 0.3em;
    background: #fff;
}

.contentlist_twocolumn .multicolumntable .alternate
{
    background: #e6eff9;
}



/******************************************************************************
Content Display
******************************************************************************/

.contentdisplay_basicpage
{
    margin: 0em;
    padding: 0em;
}

.contentdisplay_basicpage table, .contentdisplay_newsformat table
{
    margin-top: 1em;
}

.contentdisplay_basicpage td h4, .contentdisplay_newsformat td h4
{
    margin-bottom: 0em;
}


.contentdisplay_newsformat
{
    margin: 0em 0em 2em 0em;
}

.contentdisplay_newsformat .headline
{
    font-size: 1.3em;
    font-family: Georgia, roman, serif;
    font-weight: bold;
}

.contentdisplay_newsformat .date
{
    font-size: 0.8em;
    color: #999;
}

.contentdisplay_newsformat .body
{
    margin: 1em 0em;
}

.contentdisplay_kbarticle
{
    margin: 0em;
    padding: 0em;
}

.contentdisplay_kbarticle .articletitle {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
}

.contentdisplay_kbarticle .articleinformation {
    color: #666;
    font-size: 0.9em;
}

.contentdisplay_kbarticle .articlebody {
	font-size: 1em;
	margin: 1em 0;
}

.contentdisplay_kbarticle h2, .contentdisplay_kbarticle h3, .contentdisplay_kbarticle h4 {
	color: #000;
	margin-bottom: 0.5em;
}


.code {
	color: #555;
	background: #eee;
	font-family: monospace;
	border: 1px solid #ccc;
	padding: 0.2em;
	width: 100%;
	display: block;
}