/* 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 */
@media only screen and (min-width: 1200px){ 
 html {
  width: 100%;
  min-width: 1200px;
  overflow-y:scroll;
 }
 body{
  width: 100%;
  min-width: 1200px;
  background-color: #FFFFFF;
  color: #202020;
  font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
 }
 .page{
  min-width: 100%;
  width: 1200px;
  background-color: #FFFFFF;
  padding: 20px 0;
 }
 .content{
  width: 1200px;
  margin: 0 auto;
  background-color: #FFFFFF;
 }
 .canvas{
  padding: 0px 15px;
 }
 .contentwide{
  width: 600px;
  margin: 0 auto;
 }
 .contentthin{
  width: 400px;
  margin: 0 auto;
 }
 .contentmain{
  width: 1000px;
  float: left;
 }
 .headernavigationcontent{
  width: 1200px;
  margin: 0 auto;
 }
 .headernavigationcanvas{
  padding: 0 15px;
 }
 .subheadernavigationcontent{
  width: 1200px;
  margin: 0 auto;
 }
 .headernavigationitem{
  display: inline-block;
  height: 22px;
  padding: 14px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
 }
 .subheadernavigationcanvas{
  padding: 0 15px;
  text-align: center;
 }
 .subheadernavigationitem{
  display: inline-block;
  height: 19px;
  padding: 11px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
 }
 .sidebar{
  width: 150px;
  float: left;
  margin-right: 20px;
  background-color: #202020;
 }
 .sidebarheader{
  display: inline-block;
  width: 110px;
  height: 22px;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
 }
 .sidebaritem{
  display: inline-block;
  width: 110px;
  height: 22px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
 }
 .half{
  width: 50%;
 }
 .third{
  width: 33.33%;
 }
 .quarter{
  width: 25%;
 }
}
@media only screen and (max-width: 1199px){ 
 html {
  width: 100%;
  min-width: 800px;
  overflow-y:scroll;
 }
 body{
  width: 100%;
  min-width: 800px;
  background-color: #FFFFFF;
  color: #202020;
  font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
 }
 .page{
  min-width: 100%;
  width: 100%;
  background-color: #FFFFFF;
  padding: 20px 0;
 }
 .content{
  width: 100%;
  margin: 0 auto;
  background-color: #FFFFFF;
 }
 .canvas{
  padding: 0px 0px;
 }
 .contentwide{
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
 }
 .contentthin{
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
 }
 .contentmain{
  width: -moz-calc(100% - 170px);
  width: -webkit-calc(100% - 170px);
  width: -o-calc(100% - 170px);
  width: calc(100% - 170px);
  float: left;
 }
 .headernavigationcontent{
  width: 100%;
  margin: 0 auto;
 }
 .headernavigationcanvas{
  padding: 0 0px;
 }
 .subheadernavigationcontent{
  width: 100%;
  margin: 0 auto;
 }
 .headernavigationitem{
  display: inline-block;
  height: 22px;
  padding: 14px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
 }
 .subheadernavigationcanvas{
  padding: 0 0px;
  text-align: center;
 }
 .subheadernavigationitem{
  display: inline-block;
  height: 19px;
  padding: 11px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
 }
 .sidebar{
  width: 150px;
  float: left;
  margin-right: 10px;
  background-color: #202020;
 }
 .sidebarheader{
  display: inline-block;
  width: 130px;
  height: 22px;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
 }
 .sidebaritem{
  display: inline-block;
  width: 130px;
  height: 22px;
  padding: 14px 10px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
 }
 .half{
  width: 100%;
 }
 .third{
  width: 100%;
 }
 .quarter{
  width: 100%;
 }
 .narrowhide{
  display: none;
 }
}

textarea {
 resize: none;
}
a{
 color: #286BCC;
 text-decoration: none;
 font-size: 14px;
}
a:hover{
 color: #286BCC;
 text-decoration: underline;
}
a:active{
 color: #286BCC;
}
a:visited{
 color: #286BCC;
}

.pseudolink{
 color: #FFFFFF;
 text-decoration: none;
 font-size: 14px;
}

.pseudolink:hover{
 color: #FFFFFF;
}
.pseudolink:active{
 color: #FFFFFF;
}
.pseudolink:visited{
 color: #FFFFFF;
}

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: 14px;
 color: #000000;
}
span{
 font-size: 14px;
 color: #000000;
}
input{
 font-family: 'Open Sans', "Source Sans Pro", "Helvetica", sans-serif;
}


/* Page Structure Rules */
.width500{
 width: 500px;
}
.width450{
 width: 450px;
}
.width400{
 width: 400px;
}
.width300{
 width: 300px;
}
.width225{
 width: 225px;
}
.width150{
 width: 150px;
}
.width100{
 width: 100px;
}
.width75{
 width: 75px;
}
.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{
 cursor: pointer;
}
.icon:hover{
 text-decoration: none;
}
.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: #027EBC;
}
.textalert{
 color: #F1AE42;
}
.textaction{
 color: #A680B8;
}
.textwhite{
 color: #FFFFFF;
}
.textcentered{
 text-align: center;
}
.textright{
 text-align: right;
}
.textwhitespace{
 white-space: pre-line;
}
.textbold{
 font-weight: 700;
}
.textitalic{
 font-style: italic;
}
.textunderline{
 text-decoration: underline;
 padding-bottom: 5px;
}
.textdeleted{
 text-decoration: line-through;
}
.textgray{
 color: #999999;
}
.textgargantuan{
 font-size: 24px;
}
.texthuge{
 font-size: 18px;
}
.textbig{
 font-size: 15px;
}
.textsmall{
 font-size: 10px;
}


/* Specific Header Rules */
.headerlogo{
 width: 400px;
 float: left;
}
.headerwelcomecontainer{
 float: right;
}
.headerwelcome{
}
.headernavigation{
 width: 100%;
 height: 50px;
 background-color: #202020;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.subheadernavigation{
 width: 100%;
 height: 41px;
 background-color: #202020;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.headernavigationitem:hover{
 color: #FFFFFF;
 text-decoration: none;
}
.headernavigationitem:active{
 color: #FFFFFF;
}
.headernavigationitem:visited{
 color: #FFFFFF;
}

.subheadernavigationitem:hover{
 color: #FFFFFF;
 text-decoration: none;
}
.subheadernavigationitem:active{
 color: #FFFFFF;
}
.subheadernavigationitem:visited{
 color: #FFFFFF;
}

.headernavigationitemon{
 background-color: #027EBC;
}

/* Specific Searchbox Rules */
.searchbox{
}

/* Specific Sidebar Rules */
.sidebaritem:hover{
 color: #FFFFFF;
 text-decoration: none;
}
.sidebaritem:active{
 color: #FFFFFF;
}
.sidebaritem:visited{
 color: #FFFFFF;
}
.sidebaritemon{
 background-color: #027EBC;
}

/* Specific Table Rules */
.tableheader{
 background-color: #202020;
 border-left: 1px solid #202020;
 border-right: 1px solid #202020;
 padding: 5px;
}
.tablesubheader{
 font-size: 14px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #202020;
 border-left: 1px solid #202020;
 border-right: 1px solid #202020;
 text-align: center;
 padding: 0px 5px 10px 0px;
}
.tableheadertext{
 display: inline-block;
 color: #FFFFFF;
 font-size: 16px;
 font-weight: 700;
 margin: 0px 5px;
}
.tabledivideheader{
 text-align: center;
 background-color: #202020;
}
.tabledivide{
 border-top: 1px solid #202020;
}
.formcell{
 font-size: 12px;
 padding: 5px;
}
.tablecell{
 font-size: 12px;
 border-bottom: 1px solid #202020;
 padding: 5px;
}
.tablecellalt{
 background-color:rgba(0, 0, 0, 0.03);
}
.tablecellleft{
 font-size: 12px;
 border-left: 1px solid #202020;
 border-bottom: 1px solid #202020;
 padding: 5px;
}
.tablecellright{
 font-size: 12px;
 border-right: 1px solid #202020;
 border-bottom: 1px solid #202020;
 padding: 5px;
}
.tablecellleftright{
 font-size: 12px;
 border-left: 1px solid #202020;
 border-right: 1px solid #202020;
 border-bottom: 1px solid #202020;
 padding: 5px;
}
.divide{
 border-top: 2px solid #202020;
}


/* 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: #027EBC;
 color: #FFFFFF;
 border: 2px solid #027EBC;
 border-radius: 10px;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputconfirmheader{
 background-color: #027EBC;
 color: #FFFFFF;
 border: 2px solid #027EBC;
 padding: 2px 0%;
 width: 95%;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
 text-align: center;
}
.inputconfirmheader:visited{
 color: #FFFFFF;
}
.inputconfirmheader:active{
 color: #FFFFFF;
}
.inputconfirmheader:hover{
 color: #FFFFFF;
 text-decoration: none;
}
.inputconfirm:hover{
 background-color: #016DAB;
 border: 2px solid #016DAB;
 text-decoration: none;
}

.inputerror{
 background-color: #CA2026;
 color: #FFFFFF;
 border: 2px solid #CA2026;
 border-radius: 10px;
 padding: 10px 15px;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
}
.inputerror:hover{
 background-color: #A80004;
 border: 2px solid #A80004;
 text-decoration: none;
}
.inputerrorheader{
 background-color: #CA2026;
 color: #FFFFFF;
 border: 2px solid #CA2026;
 width: 95%;
 cursor: pointer;
 font-weight: 700;
 font-size: 12px;
 text-align: center;
}
.inputerrorheader:visited{
 color: #FFFFFF;
}
.inputerrorheader:active{
 color: #FFFFFF;
}
.inputerrorheader:hover{
 color: #FFFFFF;
 text-decoration: none;
}


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

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

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


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