/***********************************************
    Layout
***********************************************/

html 
{
    text-align: center; 
}

body
{

    text-align: left;
	color: #545453;
	font-family: tahoma, Lucida Sans, Verdana, Arial;
	font-size: 70%;
	width: 99.8%;
    margin: 0 auto;
    background-color: #fff;      
}

#contentHolder
{
    width: 950px;
    margin: 0 auto;
}

.clear { clear: both;}

/************* First column *******************/
#firstColumn
{
    float: left;
    width: 465px;
    font-size: 1.1em;
}
/************* Second column *******************/
#secondColumn
{
    margin-left: 20px;
    float: left;
    width: 222px;
}

#secondColumn h4
{
    display: block;
    background-color: #dc8f11;
    border-bottom: solid 4px #c6800f;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 11px 0 10px 7px;
}
#secondColumn p { padding: 14px 0 15px 0;}
#secondColumn a { padding-left: 10px; background: transparent url(/Templates/Public/Styles/larcentrum/images/rightArrow.gif) no-repeat 0 4px; }
#secondColumn a:hover { text-decoration: underline;}
/************* Third column *******************/
#thirdColumn
{
    float: right;
    width: 222px;
}

/***********************************************
    Reset
***********************************************/

/* Reset Headlines */ 
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: arial, helvetica;
} 

/* Reset Paragraph */ 
p
{
    margin: 0;
    padding: 0;
}

/* Reset Table */ 
table
{
    border-collapse: collapse; 
    border-spacing: 0;
}

/* Left-aligns text in caption and th */ 
caption, th { text-align: left; }

/* Removes border around images */
a img, :link img, :visited img { border: 0; }

/* Removes quotation marks from q */ 
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Reset */ 
ul, ol, dl, dt, dd, blockquoute, form, input, th, td, label
{
    margin: 0; 
    padding: 0;
}

/* Reset Link */ 
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #dc8f11; }

#mainContent ul, #mainContent ol { padding: 0 0 25px 45px; }

#mainContent ul li, #mainContent ol li 
{
    font-family: Arial, helvetica;
    color: #000;
    padding: 0 0 0 5px;  
}

/***********************************************
    Navigation
***********************************************/

#mainNav
{
    background: #f3f0e9;
    height: 32px;
    margin: 0;
    position: relative;
}

#mainNav ul
{
    margin: 0;
}

#mainNav ul li
{
    display: inline;
    float: left;    
}

#mainNav ul li a:link, #mainNav ul li a:visited
{
    color: #545453;
    font-family: Tahoma, Arial, helvetica;
    padding: 10px 18px 10px 18px;
    display: block;   
    margin: 0;
    background: transparent url(/Images/graphics/topnav-seperator.gif) no-repeat right center; 
}

#mainNav ul li.last a:link, #mainNav ul li.last a:visited
{
    background: transparent url(/Images/graphics/loginarrow-green.gif) no-repeat right 7px; 
    color: #dc8f11;
    font-weight: bold;
    position: absolute;
    width: 120px;
    left: 780px;
    top: 0;
}

#mainNav ul li.selected
{
    font-weight: bold;
}

/***********************************************
    Header
***********************************************/

#header h1
{
    margin: 29px 0 24px 19px;
    background: transparent url(/Templates/Public/Styles/larcentrum/images/headerLogo.gif) no-repeat 0 0; 
    width: 389px;
    height: 51px;
    text-indent: -9999px;
}

/***********************************************
    Athena login
***********************************************/
/* General */
#cssdropdown, #cssdropdown ul { list-style: none; float: right; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { width: 160px; float: left; margin-left: -1px; background: #F3F0E9; }
#cssdropdown li.headlink a { display: block;  padding: 15px; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
#cssdropdown li.headlink ul li a:hover { background: #E4E0D7; }

/* Pretty styling */
#cssdropdown a { color: #545453; width: 70px; }
#cssdropdown ul li a:hover { text-decoration: none; background: #E4E0D7; }

ul#cssdropdown span
{   
    background: transparent url(/Images/graphics/loginarrow-green.gif) no-repeat 125px 7px; 
    cursor: default;
    color: #dc8f11;
    font-weight: bold;
    padding: 10px 10px 10px 0;
    display: block;
}

#cssdropdown li.headlink 
{
    background: #F3F0E9;
}
    
#cssdropdown li.headlink ul { background: #F3F0E9; position: absolute; }

/***********************************************
    SearchBox
***********************************************/
#searchContainer
{
    margin-top: 11px;
    margin-bottom: 11px;
    padding: 13px 0 0 10px;
    background: #f3f0e9 url(/Templates/Public/Styles/larcentrum/images/searchBox-right.jpg) no-repeat 716px 0;
    border-bottom: solid 4px #e4e0d7;
    height: 133px;
    font-size: 1.1em;
}

#searchContainer h3 { font-size: 1.7em; font-weight: bold; }
#searchContainer p { line-height: 17px;}
#searchContainer a { font-weight:bold; margin-left: 10px; }
#searchContainer a:hover { text-decoration: underline;}
#searchContainer input, #searchContainer select { font-size: 0.9em; }
#searchContainer select { width: 205px; }
#searchContainer input { width: 178px; }

/************* Filter boxes *******************/
#searchContainer div  { float: left; height: 68px; padding: 5px; margin-top: 6px;}
#searchContainer div span { display: block; font-weight: bold; margin-top: 5px; margin-bottom: 10px;}

#searchContainer #filterCategory  
{   
    margin-left: -10px;
    padding-left: 13px;
    padding-right: 13px;
    background: transparent url(/Templates/Public/Styles/larcentrum/images/filterBox-blue.png) no-repeat 0 0;
}
#searchContainer #filterCategory span { color: #289aa4;  }

#searchContainer #filterCenter  
{
    padding-left: 23px;
    background: transparent url(/Templates/Public/Styles/larcentrum/images/filterBox-pink.png) no-repeat 0 0;
}
#searchContainer #filterCenter span { color: #be1c61; }

#searchContainer #filterText 
{ 
    padding-left: 20px;
    background: transparent url(/Templates/Public/Styles/larcentrum/images/filterBox-pink-edge.png) no-repeat 0 0; 
}
#searchContainer #filterText span { }
#searchContainer #filterText input.button { width: auto; border: solid 1px #c6800f; background-color: #e8940c; color: #ffffff; padding: 0 5px;}

/***********************************************
    Search Results - First Column
***********************************************/
ul#searchResults { list-style: none; }
ul#searchResults li 
{  
    padding: 15px 0;
    border-bottom: dotted 1px #cccccc;   
    line-height: 17px; 
}
ul#searchResults li h5 { font-size: 1.2em; font-weight:bold; }
ul#searchResults li a.more { text-transform: uppercase; font-size: 0.9em;}

/***********************************************
    FAQ - Second Column
***********************************************/
ul#faq { padding: 14px 0 15px 0; list-style: none;}
ul#faq li { padding: 5px 0; border-bottom: dotted 1px #cccccc; }
ul#faq li .faqQuestion { cursor: pointer; }
ul#faq li .faqQuestion:hover, ul#faq li .selected { color: #dc8f11; }
ul#faq li .faqAnswer { padding: 0 0 0 0; line-height: 1.4em; display: none; }
ul#faq li .faqAnswer a { background: none; padding: 0;}
ul#faq li .faqAnswer p { padding: 5px 0;}
ul#faq li .faqAnswer ul, ul#faq li .faqAnswer ol { margin: 0 10px 0 15px; }
ul#faq li .faqAnswer ul { list-style-type: disc; }
ul#faq li .faqAnswer ul li, ul#faq li .faqAnswer ol li { border: none; }

ul#faq li .foldoutIcon
{
    float: left;
    width: 10px;
    height: 10px;
    padding: 0 4px 2px 0;
    background: transparent url(/Templates/Public/Styles/larcentrum/images/rightArrow.gif) no-repeat 0 3px; 

}

ul#faq li .foldoutIcon.open
{
    padding: 0 4px 2px 0;
    float: left;
    background: transparent url(/Templates/Public/Styles/larcentrum/images/downArrow.gif) no-repeat 0 3px; 
}


/***********************************************
    Content - First Column
***********************************************/
#firstColumn div.bar { font-size: 0.8em; }
#firstColumn div.bar span.date { }
#firstColumn div.bar a { text-transform: uppercase; margin-left: 7px; }
#firstColumn div.bar a.first { margin-left: 0; }
#firstColumn div.bar span.author { text-transform: uppercase; }
#firstColumn h3 { font-size: 1.5em; font-weight:bold; margin: 5px 0;}
#firstColumn h4 { font-size: 1.1em; font-weight:bold; margin: 5px 0;}
#firstColumn h5 { font-size: 1.1em; margin: 3px 0;}
#firstColumn p { margin: 8px 0; }
#firstColumn p.ingress { font-size: 1.2em; line-height: 1.3em; }
#firstColumn div.content { line-height: 1.4em; }
#firstColumn div.content ul, #firstColumn div.content ol, #firstColumn div.content dt, #firstColumn div.content dd
{
    margin-left: 40px;
}
#firstColumn li { padding: 2px 0;} 
#firstColumn div.content blockquote { margin: 0 30px; font-style:italic; }
#firstColumn div.content a:hover { text-decoration: underline;}

/***********************************************
    Marketplace - Books
***********************************************/
p#availableBooksFilter { background-color: #f9f8f4; margin: 15px 0 0 0; padding: 8px 5px;  }
p#availableBooksFilter select { font-size: 1em; }

ul#availableBooks { list-style: none; }
ul#availableBooks li { padding: 12px 5px; }
ul#availableBooks li.learningcenter h4 { font-size: 1.2em; margin-left: -5px;}
ul#availableBooks li.odd { background-color: #f9f8f4; }
ul#availableBooks li div.row { overflow: hidden; clear:both; margin-bottom: 5px; font-weight: bold;}
ul#availableBooks li div.row span.left { float:left; }
ul#availableBooks li div.row span.right { float:right; }
ul#availableBooks li p { clear: left; }
ul#availableBooks li p.comments { font-style: italic; }

/***********************************************
    OLD
***********************************************/

*html #mainContent
{
    margin-left: 10px;
}

/***********************************************
    xForm
***********************************************/

.xForm 
{
    color: #000;
	margin: 25px 0 0 0;
}

.xForm td
{
	padding: 0 0 15px 0;
}

.xForm span
{
	display:block;
	float:left;
	width:120px;
}

.xForm input
{
    border: 1px solid #000;
    font-size: 12px;
    padding: 1px;
    width: 296px;
}

.xForm fieldset 
{
	border: 0px;
}
.xForm fieldset input
{
	border: 0px;
	width: auto;
}

.xForm input[type="submit"]
{
	background: #EEA332;
	border: 1px solid #D5D5D5;
	color: #fff;
	font-family: Tahoma,Lucida Sans,arial,helvetica;
	padding: 3px 10px;
	text-align: center;
	width: auto;
}