/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body {
    margin: 0 auto;
    padding: 0;
    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
    font-size: small;
    color: #333;
    background-color: #EAEAEA;
    text-align: center;
}


/* Make sure the table cells show the right font */

td {
    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

input {
    padding: 3px;
}

span.help {
    font-size: 10px;
    color: #666;
}

a {
    text-decoration: underline;
    padding: 1px;
}

a:link {
    color: #03c;
}

a:visited {
    color: #03c;
}

a:hover {
    color: #fff;
    background-color: #30c;
    text-decoration: none;
}

a.image:link,
a.image:visited,
a.image:hover {
    background: none;
    padding: 0;
}

a.image img {
    border: none;
}

span.admin {
    color: #999;
    font-size: 11px;
    font-weight: normal;
}

a.admin:link,
a.admin:visited {
    color: #f00;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
}

a.adminfull:link,
a.adminfull:visited {
    color: #f00;
    font-weight: bold;
    text-decoration: underline;
}

a.admin:hover,
a.adminfull:hover {
    color: #fff;
    background: #f00;
}

a.black:link,
a.black:visited {
    color: #000;
}

a.black:hover {
    color: #fff;
    background: #000;
}

a.anchor:link,
a.anchor:visited,
a.anchor:hover {
    color: #fff;
    background: #fff;
    font-size: 0px;
    text-decoration: none;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

p {
    /*
font-size: 12px;
	line-height: 16px;
*/
}

p.submit,
div.submit {
    color: #666;
    /*  font-size: 11px; */
}

p.submit input {
    vertical-align: middle;
}

div.submit {
    border-top: 2px solid #000;
    padding: 8px 0 12px 0;
    text-align: center;
}

div.submit input {
    font-size: 14px;
}

small {
    font-size: 10px;
    line-height: 13px;
}

blockquote {
    /*
font-size: 12px;

*/
    color: #666;
    margin: 20px;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
}

li {
    font-size: 11px;
    line-height: 13px;
    padding: 3px 0;
}

div.widget li {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

h1 {
    font-family: "Lucida Grande", arial, sans-serif;
    padding: 0;
    border-bottom: 0;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

h1.blankslate {
    background: #ff6;
    color: #000;
    margin-bottom: 10px;
    padding: 5px;
    margin-left: -5px;
}

h1.blankslate a {
    color: #f00;
}

h1.blankslate a:hover {
    background-color: #000;
    color: #fff;
}

p.blankslate {
    font-size: 14px;
    color: #000;
    padding: 5px;
    margin: 0 0 10px 0;
}

p.blankslate strong {
    background: #ff6;
}

h2 {
    font-family: "Lucida Grande", arial, sans-serif;
    margin: 20px 0 5px 0px;
    color: #333;
    font-size: 14px;
    padding: 0;
}

h2.subheader {
    padding: 0 0 2px 0;
    margin: 15px 0 5px 0;
    font-size: 12px;
    border-bottom: 1px solid #000;
    color: #000;
}

h3 {
    margin: 20px 0 0 0;
    color: #666;
    font-family: "Lucida Grande", arial, sans-serif;
    font-size: 14px;
    padding: 0;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
    padding: 0 23px 0 30px;
    margin: 0 auto;
}

.Container {
    margin: 12px auto 0 auto;
    text-align: center;
    min-width: 750px;
}

.ClearAll {
    padding: 0px;
    clear: both;
    font-size: 0px;
}

#ContentFrame,
#DashContentFrame,
.ContentFrame {
    margin: 0;
    padding: 0px 0;
    width: 100%;
    text-align: left;
    /*position: relative;*/
    float: left;
}

table.layout {
    border-collapse: collapse;
    width: 100%;
}

table.layout td.left,
table.layout td.right {
    vertical-align: top;
    padding: 0;
}

table.layout td.left {
    width: 70%;
}

table.layout td.right {
    width: 30%;
}

div.Left {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 70%;
    float: left;
}

div.Right {
    margin: 0px 0 0 0;
    padding: 0;
    text-align: left;
    /*position: absolute;*/
    float: left;
    width: 30%;
}

table.layout td.left div.Left,
table.layout td.right div.Right {
    width: auto;
    float: none;
}

#Footer {
    clear: left;
    font-size: 9px;
    color: #666;
    margin: 4px 0 20px 20px;
    text-align: left;
    padding-bottom: 15px;
}

#Footer a:link,
#Footer a:visited {
    color: #666;
}

#Footer a:hover {
    color: #fff;
    background: #666;
}


/*-------------------------------------------------
FORM STUFF (MORE BELOW)
-------------------------------------------------*/

table.NewLink th {
    text-align: left;
    font-size: 10px;
}

span.formoptions
/* small text inside an h2 */

{
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
}

span.formoptions a {
    padding: 4px;
}

.ButtonGroup {
    font-size: 11px;
    text-align: right;
    margin: 15px 0 3px 0;
}

.error {
    background-color: red;
    padding: 2px;
}

.field_with_errors {
    padding: 4px 0 4px 2px;
    display: inline;
    border-left: 8px solid red;
    margin-left: 3px;
}

.general_error_box {
    border: 1px solid #c99;
    background: url(/images/alertbad_icon.gif) #c00 5px 10px no-repeat;
    color: #fff;
    padding: 10px 10px 10px 37px;
    margin-bottom: 20px;
}

.general_error_box h2 {
    color: #fff;
    margin-top: 0;
    line-height: 140%;
}

.general_error_box p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 5px;
}

.general_error_box a:link,
.general_error_box a:visited {
    color: #fff;
}

#ErrorExplanation,
#errorExplanation {
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#ErrorExplanation h2,
#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 27px;
    font-size: 12px;
    margin: -7px;
    background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
    color: #fff;
}

#ErrorExplanation p,
#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#ErrorExplanation ul,
#errorExplanation ul {
    margin-left: 30px;
}

#ErrorExplanation ul li,
#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}


/*-------------------------------------------------
OVERVIEW
-------------------------------------------------*/

div#LogoBox {
    margin-bottom: 15px;
    text-align: center;
}

div#LogoBox img {
    padding: 20px 0;
}

div#LogoBox.white img {
    background: #fff;
    padding: 10px;
}


/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

#Flash {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px 5px 5px 30px;
    /* font-size: 14px; */
    margin: 0 auto 12px auto;
    margin-right: 7px;
}

.login #Flash {
    margin-top: 12px;
    /* font-size: 12px; */
}

#Flash.good {
    border-color: #9c9;
    color: #060;
    background: url("/images/notifications/alertgood_icon.gif") #E2F9E3 left no-repeat;
}

#Flash.bad {
    border-color: #c99;
    color: #fff;
    background: url("/images/notifications/alertbad_icon.gif") #c00 left no-repeat;
}


/*-------------------------------------------------
DIALOG BOX
-------------------------------------------------*/

.DialogBody {
    margin: 0;
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #fff;
}

.DialogBody td {
    /* font-size: 11px; */
}

.DialogHeader {
    background-color: #333;
    padding: 0;
    margin: 0;
    text-align: left;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

.DialogHeader h1 {
    font-family: verdana;
    margin: 0;
    padding: 3px 0 3px 10px;
    font-size: 10px;
    color: #fff;
}

.DialogBody h1 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    color: #f00;
}

.DialogBody p.noundo {
    font-size: 10px;
    font-weight: normal;
    color: #666;
}

.ThePost {
    margin: 10px 0 10px 0;
    padding: 10px 10px 0 10px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.ThePost h1 {
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.additional {
    color: #999;
    font-size: 10px;
}

.PrimaryAction {
    font-size: 10px;
    /* <-- added by rjs */
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px dotted #999;
    text-align: right;
}

.PrimaryAction input {
    font-size: 12px;
}


/*-------------------------------------------------
LOGIN DIALOG BOX
-------------------------------------------------*/

#loginFirstTime {
    text-align: left;
}

#loginFirstTime h1 {
    margin-bottom: 15px;
    font-size: 14px;
    color: green;
    border-bottom: 1px solid #ccc;
}

#loginFirstTime h2 {
    font-size: 12px;
    margin: 0;
    padding: 0 0 1px 0;
}

#loginFirstTime p {
    /* font-size: 11px; */
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 14px;
}


/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/

.login div.Container {
    width: 530px;
    margin: 60px auto 20px auto;
    min-width: inherit;
}

.login h1 {
    margin-bottom: 20px;
}

.login dl {
    margin: 10px 0 0 0;
}

.login p {
    margin: 10px 0 0 0;
}

.login dt {
    float: left;
    width: 110px;
    /* font-size: 14px; */
    line-height: 24px;
}

.login dd {
    margin: 0 0 5px 90px;
    font-size: x-small;
    line-height: 24px;
    color: #666;
    margin-left: 110px;
}

.login input {
    /* font-size: 14px; */
}

.login dd span {
    color: #ccc;
    font-size: x-small;
}

.login input#username {
    width: 300px;
}

.login input#password {
    width: 150px;
    margin-right: 5px;
}

.login input#emailpassword {
    vertical-align: middle;
    margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
    margin: 10px 0 20px 0;
}

.login div#Dialog {
    border: 5px solid #ccc;
    padding: 15px 20px 10px 20px;
    text-align: left;
    background: #fff;
}

body.login div#Dialog h2 {
    margin: 0;
    padding: 0;
}

p.footer {
    font-size: x-small;
    text-align: left;
    padding: 0 10px;
}