/*============== General Styles  ===================*/
body, html
	{
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	}

br.clear
	{
	clear: both;
	visibility: hidden;
	height: 0;
	}

h3
	{
	font-size: 13px;
	}			

/*============= END General Styles ================ */

/*============== Splash page styles ================ */
#splash_page 
{
    background: #d9c6ae;
}

#splash_page .frame 
{
    width: 755px;
    margin: auto;
    border: 2px solid #5c3720;
    position: relative;
}

#splash_page p 
{
 padding: 5px 0 5px 20px;
 line-height: 2em;   
}

#splash_page h2 
{
  font-family: Georgia,Times,serif;
  padding-left: 10px;
  color: #bd112a;
  font-size: 20px;   
}

#splash_page .content 
{
    padding: 30px 0 30px 0;
    background: #FFF url("../images/splash_content_back.jpg") repeat-x;
}

#splash_page #enter_ekn_box
{
    position: absolute;
    top: 10px;
    right: 0;
}

#splash_page #watch_tutorial_box 
{
    position: absolute;
    top: 82px;
    right: 0;
}

#splash_page .survey 
{
 color: #bd112a;
 font-weight: bold; 
}


/* ============= END Splash page styles ================ */


/* ================== Pager Control Styles ================================== */
ul.pager
    {
    font-size: 11px;
    font-weight: bold;
    display: block;
    float: left;
    clear: both;
    list-style: none;    
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #a00724;
    }

ul.pager li
    {
    float: left;
    border: 1px solid #FFF;
    background: #eeeeee;
    }
    
ul.pager li a
    {
    padding: 2px;
    display: block;
    color: #a00724;
    text-decoration: none;
    }

ul.pager li.range
    {
    padding: 2px 4px 2px 3px;
    background: #a00724;   
    color: #FFF;
    }

ul.pager li a:hover
    {
    background: #fbf5ed;   
    }
    
ul.pager li a.current
    {
    background: #fbf5ed;
    }    

/* ============ Top =============================== */
#top-bar
	{
	padding-left: 10px; 
	clear: both; 
	float: left; 
	border-top: 2px solid #a00724; 
	width: 100%; 
	font-family: arial, helvetica, sans-serif; 
	background: #a00724;
	}

#top-bar a
	{
	color: #FFF;
	text-decoration: none;
	}
	
#header
    {
    border-top: 4px solid #990002;   
    }


/* ============ Menu ============================== */

#menu, #menu ul, #menu li
	{ 
	white-space: nowrap; 
	list-style: none;	
	margin: 0;
	padding: 0;
	margin-left: 10px;
	}

#menu
	{
	margin: 0;
	}	

#menu a
	{
	font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none;
	color: #000;
	padding: 2px;
	}

#menu a:hover
	{
	background: #efe1d1;
	color: #000;
	}

#menu a.current
	{
	background: #FFF;
	border: 1px solid #deceba;
	color: #777777;
	}

#buttonbox
	{
	height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	background: #ece2d5;
	border-bottom: 1px solid #deceba;
	}

#menu img
	{
	border: 0;
	}

#menu a
	{
	white-space: nowrap
	}
	
		
/*================= END Menu ================ */

/* ================= Tabs ===================== */

.ajax__tab_xp .ajax__tab_header {background:url(../images/tab-line.gif) repeat-x bottom !important;}
.ajax__tab_xp .ajax__tab_outer {background:url(../images/tab-right.gif) no-repeat right !important;}
.ajax__tab_xp .ajax__tab_inner {background:url(../images/tab-left.gif) no-repeat !important;}
.ajax__tab_xp .ajax__tab_tab {background:url(../images/tab.gif) repeat-x !important;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(../images/tab-hover-right.gif) no-repeat right !important;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(../images/tab-hover-left.gif) no-repeat !important;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(../images/tab-hover.gif) repeat-x !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(../images/tab-active-right.gif) no-repeat right !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(../images/tab-active-left.gif) no-repeat !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(../images/tab-active.gif) repeat-x !important;}
.ajax__tab_xp .ajax__tab_body {border:1px solid #deceba !important;border-top:0;padding:8px;background-color:#fcf6ee !important;}

/* =============== END Tabs =================== */

/*================= Content ================ */
span.highlight
    {
    background: yellow;   
    }


a.page-url
    {
    font-size: 10px;   
    color: #333;
    }

.default
	{
	font-size: 13px; 
	font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	}

.box
	{
	margin-top: 5px;
	width: 400px;
	padding: 5px;
	border: 1px solid #deceba;
	background: #FFFFFF;
	margin-bottom: 5px;	
	}	

.box h2
	{
    color: #000;
    background: #deceba;
    font-size: 13px;
    text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;	
	}


#content
	{
	padding: 5px;
	margin: 0; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	font-size: 13px; 
	font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	}
	
#main
	{
	float:left; 
	clear:left; 
	width: 750px; 
	padding: 10px;
	}

img {border: 0;}	

p 
	{
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}

#content h1
	{
	font-size: 18px;
	color: #a00724;
	border-bottom: 1px solid #a00724;
	font-weight: bold;
	}

h2 
	{
	font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 16px; 
	margin: 0; 
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 15px;
	margin-bottom: 2px;
	letter-spacing: 1px;
	}
	
#breadcrumbs 
	{
	color: #a00724;
	background: #ece2d5;
	font-size: 11px; 
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 0px;
	margin: 0;
	margin-bottom: 1em;
	border: 1px solid #deceba;
	border-bottom: 2px solid #deceba;
	}

#breadcrumbs a 
	{
	text-decoration: none; 
	font-weight: bold; 
	color: #a00724; 
	}

.children, .siblings
	{
	width: 50%;
	float: left; 			
	border: 1px solid #46618C; 
	}
	
.children ul, .siblings ul	
	{
	margin: .5em 0;
	padding-left: 4px;
	margin-left: 4px;
	}

.children li, .siblings li	
	{
	line-height: 1;
	margin-bottom: 3px;
	padding-left: 0;
	margin-left: 10px;
	list-style: disc outside;
	vertical-align: top;
	}
	
.children li a, .siblings li a
	{
	margin-left: -3px;
	text-decoration: none; 
	color: #2A3A53; 
	}
	
	.children h2, .siblings h2
		{
	font-size: 13px;
	background: #E5EEFC;		
	border-bottom: 1px solid #545F70;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	}
	
/*============== Images  =============*/

#images 
	{
	text-align: center;
	float: right; 
	clear: right;
	width: 200px;
	border: 1px solid #46618C;
	border-bottom: 2px solid #46618C;
	padding: 4px;
	}
			
#images h2
	{
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	}	
	
#images img 
	{
	padding: 7px 5px 0px 5px;
	margin: 0;
	border: 0;
	}

#images .image
	{
	text-align: center;
	width: 105px;
	margin-bottom: 5px;
	}
	
#images .caption
	{
	text-align: center;
	}
	
/*======================================*/	


/*============== Links  =============*/

#links
	{
    margin-top: 5px;
    margin-bottom: 5px;
	clear: right;
	float: right;
	width: 200px;
	border: 1px solid #46618C;
	border-bottom: 2px solid #46618C;
	padding: 4px;
	}

#links h2
	{
    color: #f2eedc;
    background: #a00724;
    font-size: 13px;
    text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	}


#links ul, #links ul li
	{
	padding: 0;
    margin: 0;
    margin-left: 6px;
    padding-left: 2px;
	}


/*============== Files  =============*/

#files
	{
	margin-top: 5px;
    margin-bottom: 5px;
	clear: right;
	float: right;
	width: 200px;
	border: 1px solid #46618C;
	border-bottom: 2px solid #46618C;
	padding: 4px;
	}

#files h2
	{
    color: #f2eedc;
    background: #a00724;
    font-size: 13px;
    text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;	
	}


#files ul, #files ul li
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
/*============== Tree  =============*/
.FrameworkTreeView td
  {
  margin: 0;
  border: 0;
  padding: 0;
  white-space: nowrap; 
  }

.FrameworkTreeView a:hover
	{
	background: #efe1d1;
	color: #000;
	}

.FrameworkTreeView td a
    {
    padding-left: 2px;
    white-space: nowrap;    
    color: #000;
    text-decoration: none;
    }

FrameworkTreeBox
    {
    border: 2px solid #eeeeee;  
    }
  
.FrameworkTreeView td a.CurrentNode 
    {
	background: #FFF;
	border: 1px solid #deceba;
	color: #777777;
    }