/*
================================
PROLOOG SKIN
================================
COLORS
background green:    #a1cd3f
background white:    #ffffff
font default:        #231f20
font red:            #db2a4e
link hover/active:   #a1cd40
================================
*/


/*
MAIN ELEMENTS
*/

html
{
   padding: 0;
   margin: 0;
   height: auto;
   _height: 100%;
   min-height: 100%;
}

body
{
/*   margin: 0;
   color: #231f20;
   font: 14px/16px Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
   background: #a1cd3f url(Images/SiteBackground.gif) repeat-x;*/
   
   padding: 0px;
   margin: 0px;
   cursor: default;
   text-align: center; /* Allows IE to center the site container: */
   background-color: #a1cd3f;
   height: auto;
   _height: 100%;
   min-height: 100%;
}

form
{
	padding: 0;
	height: auto;
	_height: 100%;
	min-height: 100%;
}


html, body, p, table, form, .Head, .SubHead, .Normal
{
 	font-family: Palatino Linotype, Book Antiqua, Cambria, Constantia;
	/*font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;*/
	color: #231f20;	
   font-size: 12px;
}

html, body, p, table, form, .Normal
{
	font-size:14px;
	line-height: 16px;
	margin: 0px;
}

a, a:link, a:visited, a:active, a:hover
{
	color: #231f20;
	text-decoration:none;
	cursor: pointer;
}

a:hover, a:active
{
	color: #a1cd40;
}


h1, h2, h3, h4, h5, h6
{
	font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
	color: #db2a4e;
	margin: 0;
}


/*
EDITOR BACKGROUND FIX
*/
body.RadEContentBordered,
body.LabelEditTextClass
{
	background-image:none;
	background-color:#fff;
}

/*
================================
DNN overridden classes
================================
*/

a.CommandButton, 
a.CommandButton:link, 
a.CommandButton:active, 
a.CommandButton:visited
{
	font-size:12px;
	line-height: 16px;
	color: #231f20;
	font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
	text-decoration: underline;
}

a.CommandButton:hover
{
   color: #db2a4e;
}

.ModuleTitle_SubMenu span
{
   white-space: nowrap; /**nowrap makes sure the dropdowns are full width*/
}

.ModuleTitle_MenuItem
{
   border-top: none;
   border-bottom: none;
}

span.Head
{
	color: #231f20;
}

/*
ID ELEMENTS
*/

#SiteBody
{
   background-image: url(Images/SiteBackground.gif);
   background-repeat: repeat-x;
   background-position: center top;
}

#SiteContainer
{
   width: 995px;
   /*height: 679px; ORIGINAL HEIGHT */
   height: 613px;
   background: url(Images/SiteSlogan.gif) no-repeat 488px bottom;
   text-align: left; /* fix the text-align that was set in the body tag: */
   margin-left: auto; /* auto margins allows FireFox to center the site container: */
   margin-right: auto;
}

#SiteLogo
{
/*   background: url(Images/SiteLogo.png);
   width: 324px;
   height: 105px;
   position: absolute;
   margin-left: 317px;
   z-index: 1;*/
   display: none;
}

#MenuTopContainer
{
   background-color: #fff;
   height: 90px;
   font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
}

#MenuTopPositioned
{
   position: absolute;
   margin-left: 20px;
   /*height: 20px;*/
   height: 105px;
   z-index: 2;
}

#MenuTopPositioned .item
{
   height: 20px;
}

#MenuTopContainer a.link, #MenuTopContainer a.link:visited, #MenuTopContainer a.link:link, #MenuTopContainer a.link:hover, #MenuTopContainer a.link:active
{
   /*font-weight: bold;*/
   font-size: 15px;
   margin-right: 18px;
   line-height: 20px;
   cursor: pointer;
   margin-top: 48px;
}

#MenuTopContainer .last a, #MenuTopContainer .last a:visited, #MenuTopContainer .last a:link, #MenuTopContainer .last a:hover, #MenuTopContainer .last a:active
{
   margin-right: 0px;
}

#dnn_RadMenuUser_RadMenu1_m3, #dnn_RadMenuUser_RadMenu1_m3:link, #dnn_RadMenuUser_RadMenu1_m3:active, #dnn_RadMenuUser_RadMenu1_m3:visited, #dnn_RadMenuUser_RadMenu1_m3:hover
{
/*   padding-right: 318px;*/
   background: url(Images/SiteLogo.png);
   width: 324px;
   height: 105px;
   margin-top: 0px!important;
   margin-right: 0px!important;
}

#dnn_RadMenuUser_RadMenu1_m3:hover
{
   background-position: -324px 0px;
}

#dnn_RadMenuUser_RadMenu1_m3 .text
{
   font-size: 1px;
   color: #fff;
}

#MenuTopContainer .slide, #MenuLeftContainer .slide 
{
   background-color: #fff;
   margin-top: 5px;
   padding-top: 10px;
   _margin-left: -16px;
}

#MenuTopContainer .slide .slide, #MenuLeftContainer .slide .slide
{
   margin-top: 0;
   margin-left: -100px;
}

#MenuTopContainer .slide
{
   background-image: url(images/TopMenuSlide.png);
   background-color: Transparent;
   background-position: left bottom;
   padding-bottom: 16px;
}

#MenuTopContainer .slide ul
{
   background-color: Transparent;
}

#MenuTopContainer .slide a, #MenuTopContainer .slide a:visited, #MenuTopContainer .slide a:link, #MenuTopContainer .slide a:hover, #MenuTopContainer .slide a:active,
#MenuLeftContainer .slide a, #MenuLeftContainer .slide a:visited, #MenuLeftContainer .slide a:link, #MenuLeftContainer .slide a:hover, #MenuLeftContainer .slide a:active
{
   font-size: 12px;
   line-height: 22px;
   margin-left: 18px;
   margin-right: 10px;
   color: #a1cd3f;
   min-width: 150px;
   _width: 150px; 
   height: 22px;
   margin-top: 0px;
}

#MenuLeftContainer .slide
{
   padding-top: 10px;
   margin-top: 0;
   _margin-left: 0px;
   background-image: url(images/LeftMenuSlide.png);
   background-color: Transparent;
   background-position: right bottom;
   padding-bottom: 16px;
}

#MenuLeftContainer .slide a, #MenuLeftContainer .slide a:visited, #MenuLeftContainer .slide a:link, #MenuLeftContainer .slide a:hover, #MenuLeftContainer .slide a:active
{
   line-height: 15px;
   margin: 0 26px 10px 10px;
}

#MenuLeftContainer .slide .text
{
   white-space: nowrap;
}

#MenuTopContainer .slide a:hover, #MenuTopContainer .slide a:active,
#MenuLeftContainer .slide a:hover, #MenuLeftContainer .slide a:active
{
   color: #db2a4e;
}

#MenuTopSpacer
{
   height: 6px;
   line-height: 6px;
}


#MenuLeftContainer
{
   width: 159px;
   height: 490px;
   float: left;
   font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
   font-size:12px;
}

#MenuLeftContainer .radmenu
{
   white-space: normal;
   width: 136px;
}

#MenuLeftPositioned
{
   width: 139px;
   margin-left: 20px;
   margin-top: 75px;
}

#MenuLeftContainer a, #MenuLeftContainer a:visited, #MenuLeftContainer a:link, #MenuLeftContainer a:hover, #MenuLeftContainer a:active
{
   display: block;
   margin-bottom: 10px;
   cursor: pointer;
}

#MenuLeftContainer a:hover, #MenuLeftContainer a:active
{
   color: #fff;
}

#ContentContainer
{
   width: 686px;
   /*height: 490px; ORIGINAL HEIGHT */
   height: 424px;
   float: left;
   background: #fff url(Images/ContentBorderTop.gif) no-repeat;
}

#ContentScrollContainer
{
   width: 686px;
   /*height: 465px; ORIGINAL HEIGHT*/
   height: 399px;
   overflow-y: scroll;
   overflow-x: hidden;
   margin-top: 6px;
   scrollbar-base-color: #efefef;
   scrollbar-arrow-color: #231F20;
   scrollbar-3dlight-color: #CDCED0;
   scrollbar-darkshadow-color: #DADBDC;
   scrollbar-face-color: #db2a4e;
   scrollbar-highlight-color: #F2F3F3;
   scrollbar-shadow-color: #E0E1E2;
   scrollbar-track-color: #FFFFFF;
}

#ContentBorderBottom
{
   height: 19px;
   background: url(Images/ContentBorderBottom.gif) no-repeat;
}

#ContentBorderLeft
{
   width: 10px;
   /*height: 465px; ORIGINAL HEIGHT */
   height: 399px;
   background: url(Images/ContentBorderLeft.gif) no-repeat;
   position: absolute;
   margin-top: 6px;
}

#ContentBorderRight
{
   width: 10px;
   /*height: 465px; ORIGINAL HEIGHT */
   height: 399px;
   background: url(Images/ContentBorderRight.gif) no-repeat;
   position: absolute;
   margin-top: 6px;
   margin-left: 659px;
}

.ContentPane
{
   width: 639px;
   margin-left: 20px;
   margin-top: 10px;
   scrollbar-base-color: none;
   scrollbar-arrow-color: none;
   scrollbar-3dlight-color: none;
   scrollbar-darkshadow-color: none;
   scrollbar-face-color: none;
   scrollbar-highlight-color: none;
   scrollbar-shadow-color: none;
   scrollbar-track-color: none;
}

.ContentPane, .ContentPane p, .ContentPane table, .ContentPane .Head, .ContentPane .SubHead, .ContentPane .Normal
{
	font-family: Palatino Linotype, Book Antiqua, Cambria, Constantia;
	font-size: 17px;
	line-height: 24px;
}

.ContentPane p
{
   margin: 0 0 0 10px;
}

.ContentPane h1, .ContentPane h2, .ContentPane h3, .ContentPane h4, .ContentPane h5, .ContainerContentTitle
{
	font-family: Palatino Linotype, Book Antiqua, Cambria, Constantia;
   margin: 0;
   text-align: center;
   color: #db2a4e;
}

.ContentPane table.RadEWrapper
{
   width: 600px!important;
}

.ContentPane table.RadEWrapper table
{
	font-size:14px;
	line-height: 16px;
	color: #231f20;
	font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
}

a.RoundButton, a.RoundButton:link, a.RoundButton:visited
{
   font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;*/   
   background: url(Images/SiteButton.gif) no-repeat;
   display: block;
   width: 60px;
   height: 40px;
   color: #db2a4e;
   padding-top: 32px;
   text-align: center;
/*   font-weight: bold;*/
   position: absolute;
   /*margin-top: 606px; ORIGINAL VALUE*/
   margin-top: 540px;
   margin-left: 855px;
}

a.RoundButton:hover, a.RoundButton:active
{
   color: #fff;
   background-position: -60px 0px;
}

#SiteProloogLogo
{
   position: absolute;
   width: 219px;
   height: 60px;
   background-image: url(images/SiteProloog.jpg);
   margin-left: 20px;
   margin-top: 532px;
}

/*
================================
hidden login control
================================
*/

a.logincontrol, a.logincontrol:link, a.logincontrol:visited, a.logincontrol:active
{
	position: absolute;
	right: 5px;
	top: 10px;
	width: 32px;
	height: 32px;
	z-index: 100;
	font-size: 0px;
	text-indent: -100;
	color: #fff;
	background-color: #fff;
}

a.logincontrol:hover
{
	width: 32px;
	height: 32px;
	background-image: url(images/lock.gif);
	background-repeat: no-repeat;
	color: #fff;
}

.spacer
{
   clear:both;
}

body.RadEContentBordered
{
 	font-family: Palatino Linotype, Book Antiqua, Cambria, Constantia;
	font-size: 17px;
	line-height: 24px;
}

#RightContainer
{
   width: 150px;
   float: right;
   font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
   font-size:12px;
   overflow: hidden;
}

.RightPane
{
   margin: 10px;
}

.RightPane .ContainerContentPane
{
   width: 130px;
   overflow-x: hidden;
}

#MenuLeftContainer p, #MenuLeftContainer table, #MenuLeftContainer .Head, #MenuLeftContainer .SubHead, #MenuLeftContainer .Normal,
#RightContainer p, #RightContainer table, #RightContainer .Head, #RightContainer .SubHead, #RightContainer .Normal
{
   font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
   font-size:12px;
}

.ControlPanel p, .ControlPanel table, .ControlPanel .Head, .ControlPanel .SubHead, .ControlPanel .Normal
{
   font-family: Arial Black, Lucida Sans, Microsoft Sans Serif, Sans-Serif;
   font-size:12px;
   font-weight: normal;
}

#RightContainer .ContainerContentHeader,
#RightContainer .ContainerHeaderRight
{
   display: none;
}

#RightContainer .ContainerHeader,
#RightContainer .ContainerFooter
{
   background-color: #cedc2b;
   border-top: solid 1px #7d9f29;
   border-bottom: solid 1px #7d9f29;
}

#RightContainer .ContainerHeader .Head,
#RightContainer .ContainerFooter .Head,
#RightContainer .ContainerHeader .CommandButton,
#RightContainer .ContainerFooter .CommandButton
{
   color: #fff;
}

#RightContainer .ContainerHeader .CommandButton:hover,
#RightContainer .ContainerFooter .CommandButton:hover
{
   color: #db2a4e;
}

/***********************************************************
SPLASH PAGE
***********************************************************/
.SplashMain
{
   width: 100%;
   height: 100%;
}

.SplashContentPane
{
   position:absolute;
   width: 900px;
   height: 300px;
   top: 50%;
   margin-top: -150px;
   left: 50%;
   margin-left: -450px;
}

.SplashLogoText
{
   position:absolute;
   width: 480px;
   height: 120px;
   background-image: url(images/SplashLogoText.jpg);
   top: 50%;
   margin-top: 180px;
   left: 50%;
   margin-left: -40px;
}

.SplashProloog
{
   position: absolute;
   top: 32px;
   right: 23px;
   width: 360px;
   height: 100px;
   background-image: url(images/SplashProloog.jpg);
}