/****************************************************************************
*
* 	Fayntic Services / 2.0
*
*	  Main Stylesheet
*
*		Copyright Fayntic Services (www.fayntic.com)
*
****************************************************************************/
/* Start Links */


a:link {
    color: #336c90;
    text-decoration : none;
}
a:visited {
    color: #336c90;
    text-decoration : none;

}
a:active {
    color: #336c90;
    text-decoration : none;
}
a:hover {
    color : #4BA2D9;
    text-decoration : none;
}
img {
    border:0;
}

a.clear {
    color: #000000;
}
a:hover.clear {
    color : #000000;
    text-decoration : underline;
}


/* End Links */

/* Start Main Page Placement DIVs */

body,html,ul,li,input,textarea,select,button,h1,h2,h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
    margin: 0px;
    padding: 0px;
    color: #000;
}

h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size:18px;
    margin: 0px;
    padding: 0px;
    color: #000;   
}

html {
    background-color: #ffffff;
    text-align: center;
}

hr {
    color: #000000;
    background-color: #000000;
    width: 100%;
}
/* End Main Page Placement DIVs */

/* Start Template Section */
div#container {
    width: 950px;
    text-align: left;
    margin: 0 auto;
    background: url(/public/themes/default/images/banner.png) no-repeat;
}

div#languages {
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    margin: 0 auto;
}

div#header {
    height: 92px;
    text-align: left;
    background: url(/public/themes/default/images/logo_trans2.png) no-repeat;
    margin-left: 10px;
    width: 600px;
    float: left;
}

div#login {
    height: 91px;
    text-align: right;
    margin-right: 10px;
    width: 300px;
    float: right;
}

div#menu {
    clear: both;
    float: left;
    width: 950px;
    margin: 0 auto;
    height: 20px;
    text-align: left;
    background: #394852;

}




div#content {
    width:920px;
    text-align: left;
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    padding-left:5px;
    padding-right:5px;
}


div#footer {
    clear: both;
    /*width:750px;*/
    text-align: center;
    padding:5px;
    font-size: 10px;
    color: #ddd;
    background: #394852;
}

div#sitemap {
    clear: both;
    text-align: right;
    padding-right:10px;
    padding-left:10px;
    color:#777;
    padding-top:2px;
    font-size: 10px;
}

input, textarea, select {
    margin: 1px;
    border: 1px #000 solid;
    font-size:11px;
    background: #EEE;
}

textarea {
    width:100%;
}

form#loginform, .account {
    font-size: 10px;
}

.px10 {
    font-size: 10px;
}

.px11 {
    font-size: 11px;
}

input[type=submit] {
    margin: 1px;
    border: 1px #000 solid;
    padding: 3px;
}

input[type=image] {
    background: transparent;
    border:0;
    margin-bottom:-2px;

}

div#login input[type=submit] {
    margin: 1px;
    border: 1px #000 solid;
    padding: 1px;
    background: #d3d9dc;
}

.pad5 {
    margin-left:10px;
    text-align: center;

}
.pad4 {
    margin-left:20px;

}

.newsticker, news {
    list-style-type: none;
    padding: 3px;
    padding-left: 125px;
    color: red;
    padding-top: 60px;
    margin: 0;

}

div#header ul, div#header li {
    font-size: 11px;
    font-style: italic;
}



.ddsmoothmenu{
    font-weight: bold;
    padding-left:15px;
    padding-top:0px;
}

.ddsmoothmenu ul{
    z-index:100;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #394852;
}

/*Top level list items*/
.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;

}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    display: block;
    padding: 3px 10px;
    color: #000000;
    /*border-right: 1px solid #4ba2d9;*/
    text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
                              display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
    color: #fff;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
                                background: #ddd;
                                color: #394852;
}

.ddsmoothmenu ul li a:hover{
    background: #ddd;
    color: #394852;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    font-weight: normal;
    width: 125px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-top: 1px solid #000;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 8px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
                 /*opacity: 0.8;*/
}


div#messages p {
    margin: 0;
    padding: 0;
}
div#messages .message {
    border: 1px solid;
    margin: 0 0 20px 0;
}

div#messages .message p {
    padding: 20px 20px 20px 52px !important;
}


div#messages .success {
    background: #E6EFC2 url(/public/themes/default/images/highlight_line.gif) repeat-x scroll 0 0;
    border-color: #C6D881;
}

div#messages .success p {
    background: transparent url(/public/themes/default/images/24_tick.png) no-repeat scroll 15px 16px;
}

div#messages .warning {
    background: #FFF6BF url(/public/themes/default/images/highlight_line.gif) repeat-x scroll 0 0;
    border-color: #FDD845;
}

div#messages .warning p {
    background: transparent url(/public/themes/default/images/24_alert.png) no-repeat scroll 15px 17px;
}

div#messages .error {
    background: #FBE3E4 url(/public/themes/default/images/highlight_line.gif) repeat-x scroll 0 0;
    border-color: #FBC7C9;
}

div#messages .error p {
    background: transparent url(/public/themes/default/images/24_x_false.png) no-repeat scroll 15px 17px;
}

div#messages .tip {
    background: #A8B2C5 url(/public/themes/default/images/highlight_line.gif) repeat-x scroll 0 0;
    border-color: #8497BF;
}

div#messages .tip p {
    background: transparent url(/public/themes/default/images/24_information.png) no-repeat scroll 15px 17px;
}

div#messages .closeable{
    position: relative;
}

div#messages .click_to_close{
    right: 2px;
    top: 2px;
    position: absolute;
    height: 16px;
    width: 16px;
    background: transparent url(/public/themes/default/images/close.png) no-repeat scroll 0 0;
    cursor: pointer;
}

div#panel {
    float: right;
    position: relative;
    margin-right:10px;
    margin-top:10px;
    width:145px;
    padding:3px;
    border: 1px #ccc solid;
    text-align: right;
}

.small {
    font-size:10px;
}

form#loginform {
    color: #666;
}
form#loginform input {
    background: #EEE;
    border-color: #666;
}

hr {
    border: 0;
    height: 1px;
    color: #ccc;
    background: #ccc;
}


.ddsmoothmenu{
    background: #394852; /*background of menu bar (default state)*/

}

.ddsmoothmenu ul{
    z-index:100;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    display: block;
    background: #394852; /*background of menu items (default state)*/
    color: white;

    border-right: 1px solid #778;
    text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
                              display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
    color: #ddd;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
                                background: black;
                                color: #ddd;
}

.ddsmoothmenu ul li a:hover{
    background: black; /*background of menu items during onmouseover (hover state)*/
    color: #ddd;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 7px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
                 opacity: 0.8;
}