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

input {
  font-weight : normal;
}

form {
  margin : 0;
  padding : 0;
}

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

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;
}

/******************************************************************************************
 *				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 ul {
    list-style: none;
}

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

/*form .hint {
    width: 200px;
    padding-right: 10px;
    float: left;
    text-align: right;
    clear: both
}*/

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

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

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: both;
    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;
}

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

body {
    background-color: white;
}

.wrapper {
    min-width: 980px;
    max-width: 1400px;
    width: 70%;
    overflow: visible;
}

#headerBox {
    
}

#logo {
    float: left;
    max-width: 33%;
}

#title {
    float: right;
}

#mainBox {
    clear: both;
}

#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: visible;
}

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

.ownerMsg {
    /*border-color: maroon;*/
    /*color: maroon;*/
}

.ownerMsg p {
    padding: 5px 0 5px 0;
    /*color: maroon;*/
}