/* Standardisation */
*{ margin:0; padding:0; }
*:focus {
 outline: none;
}

a img {
 border: 0;
}

table {  
 border-collapse: collapse;
 table-layout:fixed;
}

th, td {
 padding: 0;
 word-wrap:break-word;
}

/* Page */
html {
 width: 100%;
 min-width: 1124px;
 overflow-y:scroll;
}
body{
 width: 100%;
 min-width: 1124px;
 background-color: #FFFFFF;
 color: #555555;
 font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
}

textarea {
 resize: none;
}
a{
 color: #286BCC;
 text-decoration: none;
 font-size: 12px;
}

a:hover{
 color: #286BCC;
}
a:active{
 color: #0071BC;
}
a:visited{
 color: #663399;
}

h1>a{
 font-size: 18px;
 font-weight: 700;
 color: #555555;
}
h1>a:hover{
 color: #555555;
}
h1>a:active{
 color: #555555;
}
h1>a:visited{
 color: #555555;
}

h1{
 font-size: 18px;
 font-weight: 700;
 color: #555555;
}
h2{
 font-size: 16px;
 font-weight: 700;
 color: #555555;
}
h3{
 font-size: 14px;
 font-weight: 700;
 color: #555555;
}

p{
 font-size: 12px;
 color: #555555;
}
span{
 font-size: 12px;
 color: #555555;
}
input{
 font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
}


/* Page Structure Rules */
.page{
 min-width: 100%;
 width: 1124px;
 background-color: #FFFFFF;
 padding: 20px 0;
}
.content{
 width: 1124px;
 margin: 0 auto;
 background-color: #FFFFFF;
}
.canvas{
 padding: 0px 15px;
}
.contentwide{
 width: 450px;
 margin: 0 auto;
}
.contentthin{
 width: 348px;
 margin: 0 auto;
}
.contentsidebar{
 width: 225px;
 float: left;
 margin-right: 20px;
}
.contentmain{
 width: 849px;
 float: left;
}
.columnhalf{
 width: 50%;
 float: left;
}
.width300{
 width: 300px;
}
.width225{
 width: 225px;
}
.width100{
 width: 100px;
}
.width50{
 width: 50px;
}

/* General Rules */
.full{
 width: 100%;
}
.floatleft{
 float: left;
}
.floatright{
 float: right;
}
.floatclear{
 clear: both;
}
.halfbreak{
 height: 10px;
}
.quarterbreak{
 height: 5px;
}
.hidden{
 visibility: hidden;
}
.icon{
 width: 30px;
 height: auto;
}
.shaded{
 background-color: #CCCCCC;
}
.inline{
 display: inline;
}
.nodisplay{
 display: none;
}
.hidden{
 visibility: hidden;
}
.click{
 cursor: pointer;
}
.archived{
 opacity: 0.5;
}


/* Specific Text Rules */
.textsuccess{
 color: #58B956;
}
.texterror{
 color: #CA2026;
}
.textinfo{
 color: #58C0E0;
}
.textalert{
 color: #F1AE42;
}
.textaction{
 color: #A680B8;
}
.textcentered{
 text-align: center;
}
.textwhitespace{
 white-space: pre-line;
}
.textbold{
 font-weight: 700;
}
.textitalic{
 font-style: italic;
}
.textgray{
 color: #999999;
}
.texthuge{
 font-size: 18px;
}
.textbig{
 font-size: 14px;
}
.textsmall{
 font-size: 10px;
}


/* Specific Header Rules */
.headerlogo{
 width: 400px;
 float: left;
}
.headerwelcomecontainer{
 float: right;
}
.headerwelcome{
}
.headernavigation{
 margin-top: 75px;
 width: 100%;
 height: 50px;
 background-color: #202020;
}
.headernavigationcontent{
 width: 1124px;
 margin: 0 auto;
}
.headernavigationcanvas{
 padding: 0 15px;
}
.headernavigationitem{
 display: inline-block;
 height: 22px;
 padding: 14px 30px;
 font-size: 14px;
 font-weight: 600;
 color: #FFFFFF;
}
.headernavigationitem:hover{
 color: #FFFFFF;
}
.headernavigationitem:active{
 color: #FFFFFF;
}
.headernavigationitem:visited{
 color: #FFFFFF;
}
.headernavigationitemon{
 background-color: #A680B8;
}
.headerinput{

}


/* Specific Sidebar Rules */
.sidebarheader{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #814E9E;
 border-left: 1px solid #814E9E;
 border-right: 1px solid #814E9E;
 text-align: center;
 padding: 5px;
}
.sidebarinputcontainer{
 border-left: 1px solid #E3E3E3;
 border-right: 1px solid #E3E3E3;
 border-bottom: 1px solid #E3E3E3;
 padding: 5px;
}
.sidebarselectcontainer{
 border-left: 1px solid #E3E3E3;
 border-right: 1px solid #E3E3E3;
 border-bottom: 1px solid #E3E3E3;
 padding: 5px;
}
.sidebarlinkcontainer{
 border-left: 1px solid #E3E3E3;
 border-right: 1px solid #E3E3E3;
 border-bottom: 1px solid #E3E3E3;
 background-color: #E3E3E3;
 padding: 5px;
 color: #555555;
 text-align: center;
 cursor: pointer;
}
.sidebarlinkcontaineron{
 border-left: 1px solid #A680B8;
 border-right: 1px solid #A680B8;
 border-bottom: 1px solid #A680B8;
 background-color: #A680B8;
 padding: 5px;
 color: #FFFFFF;
 text-align: center;
 cursor: pointer;
}
.sidebarlinkcontainer:hover{
 border-left: 1px solid #A680B8;
 border-right: 1px solid #A680B8;
 border-bottom: 1px solid #A680B8;
 background-color: #A680B8;
 color: #FFFFFF;
}
.sidebarinput{
 color: #555555;
}
.sidebarselect{
 outline: 0;
 border: 0;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance:none;
 font-size: 12px;
 height: 29px;
 color: #555555;
 font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
}
.sidebarlink, .sidebarlink:hover, .sidebarlink:active, .sidebarlink:visited{
 font-weight: 700;
 font-size: 12px;
 width: 100%;
 color: inherit;
 text-decoration: none;
 display: block;
}

/* Specific Table Rules */
.tableheader{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 text-align: center;
 padding: 5px;
}
.tablesubheader{
 font-size: 14px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 text-align: center;
 padding: 0px 5px 10px 0px;
}
.tabledivideheader{
 text-align: center;
 background-color: #999999;
}
.tabledivide{
 border-top: 1px solid #999999;
}
.tablecellleft{
 font-size: 12px;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding: 5px;
}
.tablecell{
 font-size: 12px;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding: 5px;
}
.tablecellright{
 font-size: 12px;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding: 5px;
}
.divide{
 border-top: 2px solid #333333;
}


/* Specific Input Rules */
.inputheader{
 color: #000000;
 font-weight: 700;
}
.textareacontainer{
 border: 2px solid #999999;
}
.textarea{
 height: 30px;
 font-size: 12px;
 border: none;
 padding: 3% 3%;
 width: 94%;
 height: 50px;
}
.textareatall{
 height: 30px;
 font-size: 12px;
 border: none;
 padding: 3% 3%;
 width: 94%;
 height: 125px;
}

.inputcontainer{
 border: 2px solid #999999;
}
.input{
 height: 30px;
 font-size: 12px;
 border: none;
 padding: 0px 3%;
 width: 94%;
}

.selectcontainer{
}
.select{
 text-align: center;
 text-align-last: center;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance:none;
 font-size: 12px;
 height: 29px;
 color: #555555;
 font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
}
.selectheader{
 margin-top: 5px;
 padding: 3px 2px;
 border: none;
}

.inputconfirm{
 background-color: #58B956;
 color: #FFFFFF;
 border: 2px solid #58B956;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputconfirmheader{
 background-color: #58B956;
 color: #FFFFFF;
 border: 2px solid #58B956;
 padding: 2px 3px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputconfirm:hover{
 background-color: #4EA04B;
 border: 2px solid #4EA04B;
}

.inputerror{
 background-color: #CA2026;
 color: #FFFFFF;
 border: 2px solid #CA2026;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputerror:hover{
 background-color: #A80004;
 border: 2px solid #A80004;
}

.inputaction{
 background-color: #A680B8;
 color: #FFFFFF;
 border: 2px solid #A680B8;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputaction:hover{
 background-color: #814E9E;
 border: 2px solid #814E9E;
}

.inputinfo{
 background-color: #58C0E0;
 color: #FFFFFF;
 border: 2px solid #58C0E0;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputinfo:hover{
 background-color: #4AABC9;
 border: 2px solid #4AABC9;
}

.inputalert{
 background-color: #F1AE42;
 color: #FFFFFF;
 border: 2px solid #F1AE42;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputalert:hover{
 background-color: #ED9B17;
 border: 2px solid #ED9B17;
}


/* Specific Main Content Rules */
.mainerrorheader{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #E33933;
 border-left: 1px solid #E33933;
 border-right: 1px solid #E33933;
 text-align: center;
 padding: 5px;
}
.mainerrorheaderdrop{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 border-left: 1px solid #E33933;
 border-right: 1px solid #E33933;
 border-bottom: 1px solid #E33933;
 text-align: center;
 padding: 5px;
}
.mainheader{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #515151;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 text-align: center;
 padding: 5px;
}
.mainactionheader{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #814E9E;
 border-left: 1px solid #A680B8;
 border-right: 1px solid #A680B8;
 text-align: center;
 padding: 5px;
}
.mainsubheader{
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 text-align: center;
 padding: 5px;
}


/* Specific Elements */
.note{
 padding: 0 5px;
}
#changelog{
 white-space: pre-line;
 font-size: 12px;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding: 5px;
}


/* Stateless Link Rules */
.tablesubheader>a, .tablesubheader>a:hover, .tablesubheader>a:active, .tablesubheader>a:visited, .tablecellleft>a, .tablecellleft>a:hover, .tablecellleft>a:active, .tablecellleft>a:visited, .tablecell>a, .tablecell>a:hover, .tablecell>a:active, .tablecell>a:visited, .tablecellright>a, .tablecellright>a:hover, .tablecellright>a:active, .tablecellright>a:visited{
 color: #286BCC;
}
.tabledivideheader>td>a, .tabledivideheader>td>a:hover, .tabledivideheader>td>a:active, .tabledivideheader>td>a:visited{
 color: #FFFFFF;
 font-weight: bold;
 font-size: 14px;
}
.mainerrorheaderdrop>a, .mainerrorheaderdrop>a:hover, .mainerrorheaderdrop>a:active, .mainerrorheaderdrop>a:visited{
 color: #E33933;
 font-weight: bold;
 font-size: 14px;
}
.textsuccess>a, textsuccess>a:hover, textsuccess>a:active, textsuccess>a:visited{
 color: #58B956;
}
.textalert>a, textalert>a:hover, textalert>a:active, textalert>a:visited{
 color: #F1AE42;
}
.texterror>a, texterror>a:hover, texterror>a:active, texterror>a:visited{
 color: #CA2026;
}
.textaction>a, textaction>a:hover, textaction>a:active, textaction>a:visited{
 color: #A680B8;
}


.textsmall>a{
 font-size: 10px;
}