/*************************************/
/* STYLESHEET FOR MOSTAR-STYLE.NET   */
/* AUTHOR : CHARLES@MOSTAR-STYLE.NET */
/* DATE : 2006/04/26                 */
/*************************************/


/******************/
/*   LAYOUT       */
/******************/
body 
{
	background-color: #999;
	scrollbar-3dlight-color: #a8a8a8;
	scrollbar-arrow-color: #fff;
	scrollbar-darkshadow-color: #999;
	scrollbar-face-color: #a8a8a8;
	scrollbar-highlight-color: #a8a8a8;
	scrollbar-shadow-color: #a8a8a8;
	scrollbar-track-color: #f6f6f6;
    background-image: url(../../images/images/verticalBG.jpg);
    background-repeat: repeat-x; 
    background-position: top;
}

td#bannerCell
{
    background-color: #fff;
}

td#menuCell
{
    background-color: #fff;
    height: 20px;
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

div#wrapper
{
    background-color: #fff;
}

div#contentWrapper
{
    padding-left: 5px;
    padding-right: 5px;
}

div#bottomCell
{
    background-color: #fff;
    font-size: 9px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	padding-top: 1px;    
	border-top: 1px solid #a8a8a8;
	text-align: center;
}
.mainMenu 
{  
    color: #FFFFFF; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    margin-right: 10px
}
.leftBorder 
{ 
	padding-left: 8px; 
	padding-right: 5px;
	padding-top: 10px;
}

div#pageTitle
{  
	text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #a8a8a8;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 5px;
    color: #666;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 3px;
}


.leftChaptersSep
{
    border: 3px dotted #bbb;
    border-width: 0px 0px 1px 0px;
    width: 100%;
    height: 5px;
    margin-left: 0px;
    font-size: 5px;
}

div#leftColumnLinks
{
    text-align: left;
    border: none;
    border: 1px solid #a8a8a8;
    width: 113px;
    color: white;
}

div#lookAndFeelChooserFrame
{
    background-color: #a8a8a8;
    margin-top: 10px;
    margin-left: 5px;
}

div#lookAndFeelChooserContent
{
    text-align: left;
    border: none;
    width: 123px;
    vertical-align: bottom;
    padding-top: 2px;
}

div#leftColumnFrame
{
    background-color: #a8a8a8;
    margin-top: 10px;
    margin-left: 5px;
}


.courant, .courantSmall, li, .fieldsetFooter
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666; 
	text-align:justify
}
.courant p
{
    margin-top: 0px;
    margin-bottom: 0px;
}

p.courant
{
    padding-left: 5px;
    padding-right: 15px;
}

li
{
    padding-right: 15px;
}

.paragraph 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666; 
	text-decoration: none;
	text-align:justify
}

a, a:hover 
{  
    color: #666; 
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    color: #930;
}

ul 
{  
    color: #333333; 
    list-style-type: disc
}

.imageBorder 
{  
	border: 1px #a8a8a8 solid;
}

/*******************/
/* FORMS           */
/*******************/
.textInput, .textInputFocus
{ 
	border: #a8a8a8; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px ; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-color: #fff; 
	height: 18px; 
	width: 100px; 
	padding-left: 2px;
    color: #a8a8a8;
}

.textInputFocus
{
    color: #999;
	border-color: #930;    
}

.buttonInput, .buttonInputFocus
{ 
	border: #a8a8a8; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px ; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	color: #666;
    background-color:#ddd; 
	height: 18px;
    padding-left: 0px;
    padding-right: 0px;
}

.buttonInputFocus
{
    border-color: #930;
    background-color: #999;
}

.textareaInput 
{ 
	border: #a8a8a8; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px ; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-color: #FFF; 
	height: 180px; 
	width: 310px; 
	padding-left: 2px 
}

.titreHome, .titre, legend, .titreLeft, .menuTitle
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #999; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px;
	padding-left: 4px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 4px; 
	border-color: #bbb; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 15px;
}

.titreLeft, .menuTitle
{
	padding-bottom: 0px; 
	padding-top: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	font-variant: normal;
	font-weight: bold;
	width: 100px; 
    margin-left: 1px;
    margin-right: 5px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    font-size: 13px;
    padding-left: 0px;
    color: #fff;
}

.titre 
{  
    margin: 0px;
    margin-left: 4px;
    margin-bottom: 0px;
    margin-top: 2px;
    border-left: 26px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-family : Verdana;
    color: #AD6049;
    font-weight: normal;
    padding-left: 8px;   
}


.titreHome
{
	width: 100%; 
}

legend
{
	border: 0px none;
	padding: 0px;
    font-size: 11px;
}

.filterSelect
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666; 
	border-color: #a8a8a8; 
	height: 15px;
	padding: 0px;
}

table.switcherTable
{
    margin-bottom: 10px;
}


/***********************/
/*  STANDARD FRAME     */
/***********************/
.standardFrame
{
    border-color: #fff;
    background-color: #a8a8a8;
    margin: 6px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

.standardFrame .courant
{
    color: #eee;
}

.standardFrame .courant a
{
    color: #eee;
}

.standardFrame .courant a:hover
{
    color: #930;
}

.standardFrame h3
{
    font-size: 11px;
    font-family : Verdana;
    margin: 0px;
    padding-left: 4px;
    margin-left: 4px;
    margin-bottom: 2px;
    margin-top: 2px;
    color:#fff;
    border-left: 15px solid #fff;    
}

.standardFrameContent
{
    padding-left: 10px;
}

.standardFrameContent p
{
    width: 98%;
}

.standardFrameContent table
{
    width: 90%;
}


.standardFramePhoto
{
    text-align: center;
}
.standardFramePhoto img
{
    padding: 2px;
    border: 1px solid #999;
    background-color: #eee;
}

.standardFramePhoto img:hover
{
    border: 1px solid #930;
}
.standardFrameFooter
{
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-align: right;
    padding-right: 3px;
}

.standardFrameFooter a
{
   color: #fff;
}

.standardFrameFooter a:hover
{
   color: #930;
}

/*******************/
/*  QUICK LINKS    */
/*******************/
a.quickLink, span.quickLinkSep
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
}

a.quickLink:hover
{
    font-weight: bold;
    color: #930;
}

div.quickLinksContainer
{
    width: 100%;
    margin-left: 1px;
    padding-left: 1px;
    padding-right: 3px;
    text-align: justify;
}


/****************************/
/* MENU CONTAINER AND LINKS */
/****************************/
div#menuContainer
{
    font-family: Arial;
    font-size: 11px;
    background-color: #a8a8a8;
    width: 130px;
    margin-top: 10px;
    margin-left: 5px;
    padding: 0px;
    text-align: right;
}

div#menuAccordion
{
}

div.accordionContent
{
    background-color: #a8a8a8;
    /*
    border-right: 1px solid #a8a8a8;
    border-left: 1px solid #a8a8a8;*/
}

a.accordionDirectLink, a.accordionDirectLink:hover
{
    display: block;
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
    padding-left: 5px;
    border-bottom: 1px solid #bbb;
    cursor: pointer;
}

a.accordionDirectLink:hover
{
    background-color: #bbb;
}


a.menuLevel1
{
    display: block;
    font-weight: normal;
    /*border-right:2px solid #a8a8a8;        
    border-left:2px solid #a8a8a8;        */
    border-bottom: 1px dotted #bbb;
    padding-right: 5px;
    color: #eee;
}

a.menuLevel1Active, a.menuLevel1:hover
{
    display: block;
    font-weight: bold;    
    padding-right: 5px;
    border-bottom: 1px dotted #fff;
    /*border-left:2px solid #a8a8a8;*/
    color: white;
    /*border-right:2px solid #a8a8a8;*/
}

a.menuLevel1:hover
{
    font-weight: normal;
}

a.menuLevel1Active
{
    border-bottom: 1px dotted #bbb;
}

span.middot
{
    font-size: 1em;
}

div.accordionHeader
{
    padding-right: 2px;
    /*
    border-left: 3px solid #a8a8a8;
    border-right:3px solid #a8a8a8;        
*/
    border-bottom: 1px solid white;
    font-size: 1em;
    background-color: #a8a8a8;
    padding-top: 0px;
    margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
    color: white;
}

div.accHeaderRed
{
    /*border-left:3px solid #930;*/
}

.menuTitle
{
    padding-left: 4px;
    border-bottom: 1px solid #bbb;
    width: 115px;
}

a.noBottomBorder, a.noBottomBorder:hover
{
    /*border-bottom-width: 0px;*/
    /*padding-bottom: 10px;*/
}

div.noTopPadding
{
    padding-top: 0px;
    margin-top: 1px;
}

/***********************/
/*  STANDARD BOX       */
/***********************/
div.stdBoxContent
{
    padding: 6px;
    padding-top: 2px;
}

div.stdBox
{
    font-size: 11px;
    font-family: Arial;
    margin-bottom: 25px;
    width: 510px;
    margin-left: 10px;
    color: #666;
    background-color: #fff;
}

div.stdBoxHeader
{
    margin: 0px;
    margin-left: 4px;
    margin-bottom: 0px;
    margin-top: 2px;
    border-left: 26px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-family : Verdana;
    color: #AD6049;
    font-weight: normal;
    padding-left: 8px;   
}
div.stdBoxLegend
{
    text-align: right;
    font-size: 10px;
    padding-top: 1px;
    padding-right: 3px;
    color: #888;
    display: block;
}

div.stdBoxTitle
{
    display: inline;
}


div.stdBoxFooter, div.stdBoxLine
{
    clear: left;
    padding-left: 6px;
    background-color: #fff;
    text-align: left;
    font-size: 0.9em;
    color: #a8a8a8;
}

div.stdBoxContent
{
    color: #666;
    background-color: #fff;
    padding-bottom: 5px;
    font-size: 1.0em;
    font-family: Verdana, Arial;
}

div.stdBoxLine
{
    border-bottom-width: 0px;
}

div.stdBoxLine a
{
    font-weight: normal;
    color: #a8a8a8;
}
div.stdBoxLine a:hover
{
    font-weight: normal;
    color: #930;
}


.stdBox img
{
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #eee;
    margin-right: 5px;
}

.stdBox img:hover
{
     border-color: #930;
}




/**************************/
/*  PHOTO GALLERIES LIST  */
/**************************/
.coloredTr
{
    background-color:#ddd;
}

.coloredTr img
{
    padding: 1px;
    background-color: #fff;
    border: 1px solid #a8a8a8;
}

.coloredTr img:hover
{
    border-color:#930;
}

.coloredTrAlt
{
    background-color:#fff;
}

/***********************/
/*  PHOTO BROWSER      */
/***********************/
div#photoBrowserContainer
{
   background-color: #a8a8a8;
   margin-top: 15px; 
   margin-bottom: 15px;
   width: 98%;
}
.photoBrowser
{
   background-color: #a8a8a8; 
   width: 500px;
   border: 1px solid #a8a8a8; 
   margin-left: 10px;
}

.photoBrowserList
{
   overflow: hidden; 
   height:63px; 
   background-color: #a8a8a8; 
   width: 500px;
}