﻿/***************************base***************************/
body
{
	font-family: Calibri, Arial, Trebuchet MS;
	color: #454545;
	font-size: small;
	outline-style: none;
	background-color: #E8E8E8;
	background-image: url('../Images/Site/bkg.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

a
{
    color: #3F454E;
    text-decoration: none;
    outline-style: none;
    outline-width: 0px;
}

a img
{
    border: 0px;    
}

input
{
    outline-style: none;
}

a:hover
{
  color: #65696c;  
  text-decoration: none;    
}

input[type="text"], input[type="password"]
{
    border: solid 1px #cbd2da;
    color: #65696c; 
}

input[type="file"]
{
    border: solid 1px #cbd2da;
    color: #65696c; 
}

.Clearer
{
	clear: both;
}
/***************************base***************************/


/***************************validation***************************/
.ValidatioinHiglight
{
    border: solid 1px #65696c !important;
    color: #65696c !important;
    background-color: #cbd2da !important;    
} 
/***************************validation***************************/

/***************************layout***************************/
.PageHolder
{
    width: 930px;
    margin: 0 auto;
}

.Top
{
    clear: both;
    background-image: url('../Images/Site/Top.png');
    background-position: bottom;
    background-repeat: no-repeat;
    width: 930px;
    height: 42px;
    /******new*****
    position: fixed;*/
}

.mapPath
{
	margin-left: 215px; 
	position: relative;
	top: 31px
}

.slogan
{
	height: 26px;
	width: 726px;	
	margin-top: -22px;
	float: right;	
}

/*
.mapNode
{
	display: block;
	float: left;
	background-image: url('../Images/Site/pathArrows.png');
    background-position: top right;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 5px;
    padding-right: 25px;
}

.selectedmapNode
{
	display: block;
	float: left;
	background-image: url('../Images/Site/pathArrows.png');
	background-position: right -20px;
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 5px;
	padding-right: 25px;
	color: #007BE0;
	font-weight: bold;
	text-decoration: underline;
}
*/


.mapNode
{
	display: block;
	float: left;
    height: 20px;
    padding-left: 10px;
    padding-right: 20px;
	/*border-right: solid 2px #3F454E;*/
    /*border-right: solid 2px #95989D;*/
    padding-top: 2px;
    background-image: url('../Images/Site/MapNodeSeparator.png');
    background-position: center right; 
    background-repeat: no-repeat;
}

.mapNodeBeforeSelected
{
	display: block;
	float: left;
    height: 20px;
    /*padding-left: 10px;*/
    /*padding-right: 20px;*/
	/*border-right: solid 2px #3F454E;*/
    /*border-right: solid 2px #95989D;*/
    padding-top: 2px;
    background-image: url('../Images/Site/MapNodeSelectedSeparator.png');
    background-position: center right; 
    background-repeat: no-repeat;
}

.mapNodeBeforeSelected a
{
	background-image: none !important;
}


.selectedmapNode
{
	display: block;
	float: left;
	height: 20px;
	padding-left: 10px;
	padding-right: 20px;
	color: #ffffff;
	/*background-color: #3F454E;*/
	/*background-color: #95989D;*/
	background-color: Transparent;
	font-weight: bold;
	padding-top: 2px;
	background-image: url('../Images/Site/selectedMapNode.png');
    background-position: center right;  
    background-repeat: no-repeat;  
}


.MainBanner
{
    /*margin-bottom: 5px;   */
}

.Content
{
    float: left;
    width: 930px;
    /******new*****
    margin-top: 35px;*/
}

.ColumnLeftLong
{
    float: left;
    width: 300px;
}

.ColumnLeftShort
{
    float:left;
    width: 190px;
    /******new*****
    position: fixed;*/
}

.ColumnRightShort
{
    float:left;
    margin-left: 10px;
    width: 620px;
}

.ColumnRightLong
{
    float:left;
    margin-left: 10px;
    width: 730px;
    /******new******/    
}

.ColumnCenter
{
  width: 930px;
}

.Footer
{
    clear: both;
    background-image: url('../Images/Site/footer.png');
    background-repeat: no-repeat;
    width: 914px;
    height: 30px;
    /*padding-top: 6px;*/
    padding-left: 8px;
    padding-right: 8px;
}

.Languages
{
    float: left;
}

.SystemLogin
{
	background-color: Transparent;
	border-left: Solid 1px #95989D;
	border-right: Solid 1px #95989D;
	font-weight: normal !important;
}

.SystemLogin:hover
{
	background-color: #95989D;
	color: #ffffff;
	font-weight: bold;	
}

.Languages a
{
    height: 22px;
    display: block;
    float: left;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.languageSelected
{
	/*background-color: #3F454E;*/	
	background-color: #95989D;
	color: #ffffff;
	font-weight: bold;
}

.AdminLogout
{
    float: right;  
    margin-top: 6px  
}

.EditButton
{
    border: 0px;
    position: relative;
    top: -10px;
    left: 5px;
}
/***************************layout***************************/

/***************************decor***************************/
.Bar
{
    background-image: url('../Images/Site/Bar.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 19px;
    /*border: solid 2px #B8B9BC;*/
    padding-top: 5px;            
}

.BarLeftCorner
{
    background-image: url('../Images/Site/BarLeftCorner.png');  
    background-repeat: no-repeat;
    height: 24px; 
    padding-left: 15px;   
}

.BarLeftCornerSelected
{
    background-image: url('../Images/Site/BarLeftCornerSelected.png');  
    background-repeat: no-repeat;
    height: 24px; 
    padding-left: 15px;   
}

.BarLeftCornerSelected > div
{
    background-image: url('../Images/Site/BarSelected.png') !important;
    background-position: right;
    background-repeat: no-repeat;
    height: 19px;
    padding-top: 5px;   
    color: #ffffff !important;         
}

.Bar a
{
    display: block;    
}

.More
{
    text-align: right;
    display: block;
    padding-right: 10px;
    background-image: url('../Images/Site/More.png');
    background-repeat: no-repeat;
    background-position: right 4px;
    font-size: 10pt;    
}

.BarLinkLeftCorner
{
    background-image: url('../Images/Site/BarLeftCorner.png');  
    background-repeat: no-repeat;
    height: 24px; 
    padding-left: 15px;   
}

.BarLink
{
    background-image: url('../Images/Site/Bar.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 19px;
    padding-top: 5px;    
}

.BarLink a
{
    display: block;    
}

.BarLink:hover
{
    background-image: url('../Images/Site/BarHover.png');
}

.UnderBar
{
    border-top: 0px;
    border-left: solid 1px #B8B9BC;
    border-bottom: solid 1px #B8B9BC;
    border-right: solid 1px #B8B9BC;  
    background-color: #ffffff;
}

.UnderBarStart
{
    padding: 7px;
    border-top: 0px;
    border-left: solid 1px #B8B9BC;
    border-bottom: solid 1px #B8B9BC;
    border-right: solid 1px #B8B9BC;  
    background-color: #ffffff;
}

.UnderBar > div
{
    /*
    max-height: 600px;      
    overflow-y: scroll;
	overflow-x: hidden;
	*/	
}

.UnderBar object
{
	margin: 0 auto;
	display: block;
}


.UnderBarLeft
{
    padding: 7px;
    border-top: 0px;
    border-left: solid 1px #B8B9BC;
    border-bottom: solid 1px #B8B9BC;
    border-right: solid 1px #B8B9BC;    
    background-color: #ffffff;
}

.UnderBarLeft > a
{
	display: block;
}

.UnderBarLeft > a img
{
	border: 0px;
}

.UnderBarSelected
{
	padding: 7px;
	border-top: 0px;
	border-left: solid 2px #B8B9BC;
	border-bottom: solid 2px #B8B9BC;
	border-right: solid 2px #B8B9BC;
	background-color: #EAEDF2;
}

.UnderBarSelected > a img
{
	border: 0px;
}

.Shaddow
{
    background-image: url('../Images/Site/Shaddow.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 7px;          
}

.ShaddowLeftCorner
{
    background-image: url('../Images/Site/ShaddowLeftCorner.png');  
    background-repeat: no-repeat;
    height: 7px; 
    margin-bottom: 3px;   
    padding-left: 13px;
    margin-left: 5px;
    margin-right: 5px;
}

.Powered
{
    color: #E1E4EC;
}

.Powered a
{
    color: #CDD2E0;
}
/***************************decor***************************/

/***************************menu***************************/
.Logo
{
    display: block;
    float: left;
    width: 250px;
    height: 58px;
    margin-top: 3px;
    position: absolute;
    background-image: url('../Images/Site/Logo.png');
    background-repeat: no-repeat;
    z-index: 2;
}

.MenuItemLeft
{
	background-image: url('../Images/Site/TabLeft.png') !important;
}

.MenuItemRight
{
	background-image: url('../Images/Site/TabRight.png') !important;
}

.MenuItem
{
    width: 105px;
    height: 30px;
    background-image: url('../Images/Site/Tab.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: right;
    /*margin-right: 10px;*/
    position: relative;
    top: 8px;
    cursor: pointer;
    text-align: center;    
}

.MenuItem a
{
    color: #505862;
    display: block;
    height: 30px; 
    padding-top: 7px;    
}

.MenuItem:hover a,.MenuItem:focus a
{
    color: #ffffff;    
}

.MenuItem:hover, .MenuItem:focus
{
    background-position: 0px -33px;
}

.MenuItemSelected
{
    width: 105px;
    height: 30px;
    background-image: url('../Images/Site/Tab.png');
    background-position: 0px -33px;
    background-repeat: no-repeat;
    float: right;
    /*margin-right: 10px;*/
    position: relative;
    top: 8px;
    cursor: pointer;
    text-align: center;
}

.MenuItemSelected a
{
    color: #ffffff;
    font-weight: bold;
    display: block;
    height: 35px;   
    padding-top: 7px;      
}

.Up
{
	width: 29px;
	height: 18px;
	background-image: url('../Images/Site/Up.png');
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}

.Up:hover
{
	width: 29px;
	height: 18px;
	background-image: url('../Images/Site/Up.png');
	display:block;
	background-repeat: no-repeat;
	background-position: 0px -18px
}
/***************************menu***************************/

.UnderGradient{
height: 30px; 
width: 100%; 
background-image: url('../Images/Site/UnderGradient.jpg');
}

.Squares
{	
	margin: 0 auto;
}

.Squares td
{
	height: 226px;
	width: 226px;
	text-align: center;
	vertical-align:middle;	
	border: solid 2px #B8B9BC;   
}

.Squares img
{
	border: 0px;
}

.Squares a
{
	cursor: pointer;	
}

.ContentBlock
{

}

.ContentBlock a
{
	/*text-decoration: underline;*/
}

.RTBPopupHolder
{
	width: 400px !important;
	height: 500px !important;
	overflow: scroll !important;
}

.RTBPopupItem
{
	width: 200px !important;
	float: left !important;
	border: solid 1px black !important;
	margin: 1px !important;	
}

.RTBAddButton
{
	background-color: #444444 !important;
	text-align: center !important;
	cursor: pointer !important;
	color: #ffffff !important;
	padding: 4px 0px 4px 0px !important;
}


.editContent
{
	font-weight: bold;
	color: Green;
}

.questionnaire
{
	padding: 10px;
	overflow: auto !important;
	width: 380px;
}

.questionnaire > div > div
{
	margin-bottom: 5px;
}

.question
{
	width: 200px;
	display: block;
	float:left;
}

.btnSend
{
	background-image: url('../Images/Site/btn.png');
	width: 75px;
	height: 28px;
	border: 0px;
	background-color: Transparent;
	cursor: pointer;	
}