/*******************/
/* Siteblock       */
/*******************/

div.siteblock {
    margin: 0 auto;
    width: 960px;
}

/*******************/
/* Columns */
/*******************/

div.columns {
    clear: both;
    overflow: hidden;
}
div.column {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    width: 940px;
}

/* Wide is left in as a convenient alias, so that Wide + Narrow = 100% */
div.column.wide,
div.column.column70 {
    width: 700px;
}
div.column.column50 {
    width: 460px;
}

/* Narrow is left in as a convenient alias, so that Wide + Narrow = 100% */
div.column.column30 {
    width: 300px;
}
div.column.narrow,
div.column.column25 {
    width: 220px;
}

div.column.wide div.column50 {
    width: 330px;
}
div.column.wide div.column30 {
    width: 210px;
}


/*******************/
/* Forms           */
/*******************/

form p,
form label {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
label {
    clear: both;
    display: block;
    overflow: hidden;
}
label span {
    display: block;
}
label input + span {
    display: inline;
}
label input[type=text] {
}
div.datepicker,
div.datespanpicker,
div.radiobuttongroup,
div.checkboxgroup {
    clear: both;
    display: block;
    overflow: hidden;
}
div.radiobuttongroup label {
    clear: none;
    display: inline;
    float: left;
    margin-right: 0.5em;
}
div.datepicker label {
    clear: none;
    display: inline;
    float: left;
}
div.datepicker select {
    float: left;
    margin-right: 0.5em;
}
div.datepicker span {
    float: left;
    margin-right: 0.5em;
}

/* Some styling for a snazzy look */
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=datetime],
select,
textarea {
    background-color: #333;
    border: 0;
    border-bottom: 1px solid #333;
    color: #efefef;
}

input.error {
    border: 3px solid #f00;
}

input.notice {
    border: 3px solid #fa6;
}

input.validated {
    border: 3px solid #43AF10;
}

/* Nice and round is pretty, so pretty */
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=datetime],
textarea {
    border-radius: 3px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Expand to full width */
div.column input[type=text],
div.column input[type=password],
div.column input[type=number],
div.column input[type=email],
div.column input[type=datetime],
div.column textarea {
    width: 920px;
}
div.column.wide input[type=text],
div.column.wide input[type=password],
div.column.wide input[type=number],
div.column.wide input[type=email],
div.column.wide input[type=datetime],
div.column.wide textarea,
div.column.column70 input[type=text],
div.column.column70 input[type=password],
div.column.column70 input[type=number],
div.column.column70 input[type=email],
div.column.column70 input[type=datetime],
div.column.column70 textarea {
    width: 680px;
}
div.column.column50 input[type=text],
div.column.column50 input[type=password],
div.column.column50 input[type=number],
div.column.column50 input[type=email],
div.column.column50 input[type=datetime],
div.column.column50 textarea {
    width: 440px;
}
div.column.narrow input[type=text],
div.column.narrow input[type=password],
div.column.narrow input[type=number],
div.column.narrow input[type=email],
div.column.narrow input[type=datetime],
div.column.narrow textarea,
div.column.column30 input[type=text],
div.column.column30 input[type=password],
div.column.column30 input[type=number],
div.column.column30 input[type=email],
div.column.column30 input[type=datetime],
div.column.column30 textarea  {
    width: 280px;
}
div.column.column25 input[type=text],
div.column.column25 input[type=password],
div.column.column25 input[type=number],
div.column.column25 input[type=email],
div.column.column25 input[type=datetime],

div.column.column25 textarea {
    width: 200px;
}

/*******************/
/* Styling buttons */
/*******************/

button {
    cursor: pointer;
    overflow: visible;
    width: auto;
}

/* Gecko browsers don't play nice */
button.button::-moz-focus-inner{
  padding:0;
  border: 0;
}
a.button,
button.button {
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(../img/admin/bg_tool_grad.png);
    border: 1px solid #aaa;
    display: block;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 140%;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
a.button:hover,
button.button:hover {
    background-color: rgba(0, 0, 50, 0.1);
    border-color: #888;
}
a.button span,
button.button span {
    color: black;
    display: block;
    font-family: Georgia, serif;
    font-size: 1.2em;
    height: 18px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

/*******************/
/* Lists           */
/*******************/

ul.collapsed {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.collapsed li {
    display: inline;
    float: left;
}
ul.navilist a:before {
    content: '\0bb\0A0';
}