/******************************************************************************************
 *									GENERAL
 ******************************************************************************************/
html, body {
  margin: 0px auto;
  padding: 0px;
  font-family: Arial, Tahoma, Verdana;
  /*font-family: Verdana, sans-serif;*/
  font-size: 14px;
  color: #666;
}

input {
  font-weight : normal;
}

form {
  margin : 0;
  padding : 0;
}

div {
  margin : 0px auto;
  padding : 0px;
}

p {
  padding : 2px;
  margin : 0 0 2px 0;
}

a, a:hover, a:visited {
  color : #369;
  text-decoration : none;
}

strong {
  font-weight : bold;
}

h1 {
  font-size : 1.6em;
  margin : 0;
  padding : 0;
}

h2 {
  font-size : 1.3em;
  margin : 0;
  padding : 0;
}

label {
    font-size: 12px;
    font-weight: bold;
}

h3 {
  font-size : 1.1em;
  margin : 0;
  padding : 0;
}

img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

td {
    vertical-align: top;
}

th {
    vertical-align: top;
}

.hover:hover {
    background-color: #ffc;
}

/******************************************************************************************
 *				jQuery and Ajax
 ******************************************************************************************/

.ui-draggable-dragging {
    background-color : #CCC;
}

.ui-droppable-hover {
    background-color : #EEE;
}

.ui-draggable-delete, .ui-draggable-delete:hover, .ui-draggable-delete:visited {
    font-weight : bold;
    text-decoration : none;
    cursor : pointer;
}

.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
}

.XServerAjaxRequest {
    cursor : pointer;
}

.XDraggable {
    cursor : move;
}

.XValidateError {
    background-color: orange;
}

/******************************************************************************************
 *				aligns and floats
 ******************************************************************************************/

.aleft {
    text-align: left;
}

.acenter {
    text-align: center;
}

.aright {
    text-align: right;
}

.atop {
    vertical-align: top;
}

.amiddle {
    vertical-align: middle;
}

.abottom {
    vertical-align: bottom;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.clearL {
    clear: left;
}

.clearR {
    clear: right;
}

.clear {
    clear: both;
}

.inline {
    display: inline;
}

/******************************************************************************************
 *				FORMS
 ******************************************************************************************/

form.simpleform label {
    display: inline-block;
    min-width: 150px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}

form ul {
    list-style: none;
}

form .sectionPart {
    padding-bottom: 5px;
    clear: both;
}

form .sectionBar {
    
}

form .hint {
    width: 190px;
    padding-right: 10px;
    float: left;
    text-align: right;
}

form div.hint p {
    font-size: 11px;
    font-weight: normal;
    color: #aaa;
}

form .field {
    margin-left: 200px;
}

form div {
    padding: 2px;
}

.notice {
    background-color: olive;
    color: white;
    padding: 5px;
    margin: 3px 0 3px 0;
}

.notice p {
    margin: 0;
    padding: 5px 10px 5px 10px;
    border: 1px solid white;
}

.errors {
    background-color: orange;
    color: white;
    padding: 5px;
    margin: 3px 0 3px 0;
}

.errors ul {
    margin: 0;
    padding: 5px 10px 5px 10px;
    border: 1px solid white;
}

.errors ul li {
    list-style: none;
}


a.sbutton, ul.sbuttons li a {
    background: #339 url('img/sbutton.png') repeat-x top;
    display : inline-block;
    border-width: 0;
    overflow : hidden;

    height: 17px;
    padding : 3px 3px 0 3px;
    font-size: 11px;
    font-weight: bold;
    color: white;

    cursor: pointer;
}

button.sbutton {
    background: #339 url('img/sbutton.png') repeat-x top;
    display : inline-block;
    border-width: 0;
    overflow : hidden;

    height: 20px;
    padding : 0 3px 0 3px;
    font-size: 11px;
    font-weight: bold;
    color: white;

    cursor: pointer;
}

a.mbutton, ul.mbuttons li a {
    background: #339 url('img/mbutton.png') repeat-x top;
    display : inline-block;
    border-width: 0;
    overflow : hidden;

    height: 20px;
    padding : 4px 6px 1px 6px;
    font-size: 14px;
    font-weight: bold;
    color: white;

    cursor: pointer;
}

button.mbutton {
    background: #339 url('img/mbutton.png') repeat-x top;
    display : inline-block;
    border-width: 0;
    overflow : hidden;

    height: 20px;
    padding : 0 5px 1px 5px;
    font-size: 14px;
    font-weight: bold;
    color: white;

    cursor: pointer;
}


.buttonS {
    background: url('img/buttonS.png') no-repeat top center;
    width: 75px;
    height : 14px;
    padding-bottom: 1px;
    font-size: 10px;
    font-weight: bold;
    font-family: Arial;

    display : inline-block;
    overflow : hidden;
    border-width: 0;
    color: white;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

a.buttonS {
    padding-bottom: 0;
    color: white;
}

.buttonM {
    background: url('img/buttonM.png') no-repeat top center;
    width: 100px;
    height : 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;

    display : inline-block;
    overflow : hidden;
    border-width: 0;
    color: white;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

a.buttonM {
    height : 17px;
    padding-top: 3px;
    color: white;
}

.buttonL {
    background: url('img/buttonL.png') no-repeat top center;
    width: 150px;
    height : 30px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;

    display : inline-block;
    overflow : hidden;
    border-width: 0;
    color: white;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

a.buttonL {
    height : 23px;
    padding-top: 7px;
    color: white;
}

.buttonXL {
    background: url('img/buttonXL.png') no-repeat top center;
    width: 200px;
    height : 40px;
    font-size: 20px;
    font-family: Arial;

    display : inline-block;
    overflow : hidden;
    border-width: 0;
    color: white;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

a.buttonXL {
    height : 32px;
    padding-top: 8px;
    color: white;
}

.buttonXXL {
    background: url('img/buttonXXL.png') no-repeat top center;
    width: 297px;
    height : 60px;
    font-size: 28px;
    font-family: Arial;

    display : inline-block;
    overflow : hidden;
    border-width: 0;
    color: white;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

a.buttonXXL {
    height : 46px;
    padding-top: 14px;
    color: white;
}


/******************************************************************************************
                                    Pagination
 ******************************************************************************************/

.pagination {
    list-style-type: none;
    clear: right;
    overflow: hidden;
    padding: 15px 0 5px 0;
    text-align: right;
    font-size: 12px;
}

.pagination > li {
    display: inline;
    margin-left: 10px;
}

.pagination > li > a {
    text-decoration: none;
    font-weight: bold;
}

/******************************************************************************************
                                    Tabs
 ******************************************************************************************/

ul.inline {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.inline li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.tabs {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
}

ul.tabs li {
    
    float: left;
    padding: 3px;
}

ul.tabs li.active {
    background-color: #ccc;
    font-weight: bold;
}

/******************************************************************************************
                            contact form
 ******************************************************************************************/

#contact_form_email input, #contact_form_subject input, #contact_form_message textarea {
    width: 500px;
}

/******************************************************************************************
 *                          LAYOUT
 ******************************************************************************************/

body {
    background-color: white;
}

.wrapper {
    min-width: 980px;
    max-width: 1400px;
    width: 70%;
    clear: both;
}



#topMenu {
    background-color: black;
    color: white;
    font-size: 12px;
    margin-top: 10px;
    text-align: right;
    padding: 7px 0 7px 0;
    height: 18px;
    overflow: hidden;
}

#topMenu ul {
    float: right;
}

#topMenu ul li {
    margin-left: 5px;
    float: left;
}

#topMenu ul img {
    display: none;
}

#topMenu a, #topMenu a:hover, #topMenu a:visited {
    text-decoration: none;
    color: white;
}

.langSlideDownBox {
  top: 6px;
  left: 1003px;
}

#langMenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 2px;
    padding-top: 15px;
    position: absolute;
    z-index: 100;
    background-color: black;
    opacity: 0.80;
    /** filter: alpha(opacity=80); */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#langMenu li {
    clear: both;
    margin: 0;
    padding: 2px;
}




#headerBox {
    margin-right: 250px;
}

#logo {
    float: left;
}

#logo img {
    border-width: 0;
    margin: 0;
    padding: 0;
}

#logo a, #logo a:hover, #logo a:visited {
    text-decoration: none;
}



#headerMenu {
    margin: 0 0 30px 0;
    padding: 0;
    height: 53px;
}

#headerMenu li {
    height: 53px;
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    background: #339 url('img/layout/mmenu_center.png') repeat-x top;
}

#headerMenu li.hover {
    background: #339 url('img/layout/mmenu_center_active.png') repeat-x top;
}

#headerMenu li a {
    font-size: 15px;
    color: white;
    display: inline-block;
    margin-top: 15px;
}

#headerMenu li.first {
    background: white url('img/layout/mmenu_left.png') no-repeat left top;
    width: 6px;
    padding: 0;
}
#headerMenu li.last {
    background: white url('img/layout/mmenu_right.png') no-repeat right top;
    width: 6px;
    padding: 0;
}


#surveys-keywords-mainpage {
    float: right;
    width: 220px;
    margin-top: 5px;
}

#search_surveys {
    float: right;
    text-align: center;
    overflow: hidden;
    background: #ccc url('img/layout/search_center.png') repeat-x top;
    height: 60px;
    width: 540px;
    margin: 0 0 50px 0;
}

#search_surveys .left {
    background: white url('img/layout/search_left.png') no-repeat left top;
    width: 5px;
    height: 60px;
    float: left;
}
#search_surveys .right {
    background: white url('img/layout/search_right.png') no-repeat right top;
    width: 5px;
    height: 60px;
    float: right;
}

#search_surveys form {
    display: inline-block;
    padding-top: 20px;
}

#search_surveys form h1 {
    display: inline;
    font-size: 17px;
    vertical-align: middle;
}

#search_surveys form input {
    width: 300px;
    margin-right: 5px;
    vertical-align: middle;
    border: 1px solid #999;
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

#search_surveys form button {
    vertical-align: middle;
}



#mainBox h1 {

}

#leftPanel {
    width: 200px;
    float: left;
    padding: 10px 10px 0 10px;
}

#leftPanel > h2 {
    color: #000;
}

#leftPanel > ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

#contentPanel {
    margin-left: 230px;
    padding-top: 10px;
}

.articleContent {
    line-height: 133%;
}

.articleContent h2 {
    margin-bottom: 10px;
}

.articleContent p {
    margin: 0 0 10px 0;
    padding: 0;
}

.leftPanelAdvert {
    text-align: center;
}

#footerBox {
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
}

#footerBox, #footerBox a, #footerBox a:hover, #footerBox a:visited {
    color: #390;
}

#footerCopyright {
    float: right
}

#footerCopyright img {
    vertical-align: baseline;
}

#footerMenu li {
    margin-right: 20px;
    float: left;
}



.section {
    border: 1px solid #ccc;
    background: transparent url('img/layout/section_bg.png') repeat-x bottom;
    padding: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.sectionBar {
    background: transparent url('img/layout/section_bar_bg.png') repeat-x bottom;
    padding: 4px;
    padding-left: 10px;
    margin-bottom: 5px;
}


/** *************************************************************************************
 *                  MODULE post
 */

.post td {
    padding-top: 10px;
    vertical-align: top;
}

.post tr.newmsg {
    font-weight: bold;
}

.post .from {
    width: 20%;
}

.post .msg {
    width: 70%;
}

.post .del {

}

/** *************************************************************************************
 *                  MODULE gallery
 */

#gallery-show-images {
    text-align: center;
}

#gallery-show-images ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    max-width: 510px;
}

#gallery-show-images li {
    padding: 5px;
    text-align: center;
    max-width: 510px;
}

#gallery-show-images img {
    max-width: 500px;
}