/* Main CSS definitions for AwesumGrades WEB */

body {
    width: 100%;
    text-align: center;
}

#body {
    margin: auto;
    width: 100%;
}

#frame {
    margin: auto;
    width: 100%;
}

/* Common CSS classes */
.betterHero {
    font-size: 60px;
    color: inherit;
    margin-bottom: 25px;
    line-height: 60px;
}

.betterHeroFooter {
    font-size: 20px;
    margin-top: 15px;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.u {
    text-decoration: underline;
}

.doublecontent {
    margin: auto;
    margin-top: 15px;
    width: 100%;
}

.doublecontent_left,
.doublecontent_right {
    padding: 10px;
}

.doublecontent_left {
    border-right: 1px solid #AAA;
}

.filtertable {
    width: 100%;
}

.filterform {
    text-align: left;
}

.filtersubmittd {
    width: 1px;
}

.btntd {
    width: 1px;
}

.addbtncontainer {
    width: 100%;
    margin-top: -30px;
    padding: 0;
    text-align: left;
}

.smalladdbtncontainer {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.alert-above-addbutton {
    margin-top: -30px;
    margin-bottom: 40px;
}

.topheaderhintlinks {
    display: inline;
}

.nobreak,th {
    white-space:nowrap;
}

.modalform {
    margin: 0px !important;
}

table>tfoot>tr:first-child>td {
    border-top: 3px double #DDD;
}

tfoot>tr>td {
    font-weight: bold;
}

/* CSS definitions for website header */
#topheaderdiv {
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    -border-top: 1px dashed #AAA;
    height: 120px;
    text-align: center;
    margin-top: -1px;
    background: rgb(246,248,249);
    background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1)));
    background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}

#topheadercontentdiv {
    height: 61px;
    padding-top: 15px;
    width: 800px;
    margin: auto;
}

#topheaderimg {
    width: 250px;
    float: left;
}

#topheaderspacertd {
    width: 50px;
}

#toplinkstable {
    margin-top: 25px;
}

#topheaderloggedindiv {
    position: absolute;
    top: 0px;
    right: 0px;
    border-bottom: 1px solid #888; 
    border-left: 1px solid #888;
    padding: 4px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    background: rgb(252,234,187); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}

#topheaderloggedinas {
    margin: 0px;
    margin-bottom: -20px;
}

.headerlinktd {
    width: 1px;
}

.headerlinkspacer {
    width: 50px;
}

.headerlink {
    color: #777;
    font-weight: bold;
    text-decoration: none;
}

.headerlink:hover {
    color: #444;
    text-decoration: none;
}

.headerlinkcurrent {
    -color: #FF9200;
    color: #A50000;
    font-weight: bold;
    text-decoration: none;
}

.headerlinkcurrent:hover {
    color: #444;
    -color: #A66100;
    text-decoration: none;
}

/* CSS definitions for sub navgations */
#subnav {
    margin-top: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.subnaventity {
    display: table-cell;
    width: 2%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.new-label {
    font-size: 10px;
    display: inline;
    background-color: #F00;
    color: #FF0;
    margin-right: 2px;
}

/* CSS definition for standard content structures */
#contentHolder {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 800px;
    text-align: center;
}

/* CSS definition for website footer */
#footertd {
    padding-top: 10px;
    border-top: 1px solid #E6E6E6;
    font-size: 11px;
    color: #AAA;
}

#footer_language_id {
    width: 100px;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 5px;
}

/*#####################################
## Custom page definitions from here ##
#####################################*/

/* start */
#startcontenttable {
    margin: auto;
}

#startcontentlefttd {
    width: 500px;
}

#startcontentspacertd {
    width: 20px;
}

#startaplusimg {
    width: 280px;
}

#startlowertd {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}

.start-social-td {
    width: 200px;
}

#start-social-td-left {
    text-align: left;
}

#start-social-td-center {
    text-align: center;
}

#start-social-td-right {
    text-align: right;
}

#start-fb-like {
    margin-right: 100%;
}

#startgetstartedarrow {
    font-weight: bold;
    font-size: 20px;
}

#startnewstd {
    border-top: 1px solid #E6E6E6;
}

.start-news-author {
    font-size: 11px;
    display: block;
    padding-bottom: 5px;
}

.start-news-title {
    font-size: 18px;
}

.start-news-nr {
    display: block;
    padding-top: 5px;
    font-size: 11px;
    color: #AAA;
}

/* news */
#newscontainer {
    margin: auto;
    text-align: center;
}

.newsdate {
    color: #888;
    font-size: 12px;
}

/* register */
#registeraplusimg {
    width: 250px;
}

/* forgotpw */
#forgotpwformholder {
    width: 500px;
    margin: auto;
}

/* myawesumgrades: first-hints */
.firsthint {
    margin-bottom: 50px;
    margin-top: -25px;
    font-weight: bold;
}

/* overview */
#graphsavehint {
    font-size: 11px;
    display: block;
    color: #AAA;
}

/* terms */
.termdateinput {
    width: 100px;
}

.termwhatsthat {
    font-size: 12px;
}

/* tools - gradecalc */
#gradecalc_grade {
    padding-top: 43px;
    font-size:40px;
    width:130px;
    height:60px;
    text-align:center;
    margin:auto;
    border-radius: 15px;
    -moz-border-radius: 15px;
    font-weight: bold;
    background: rgb(248,80,50); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}

/* settings */
#settingstogglebutton {
    text-align: left;
}

/* impressum */
#impressum_td_left {
    width: 500px;
    vertical-align: top;
}

#impressum_td_right {
    vertical-align: top;
}

#impressum_img {
    width: 300px;
}

/* releases */
#addsuperiorlabelor {
    display: block;
    padding-top: 10px;
    margin-bottom: -10px;
}

#releases_email_success,
#releases_email_error {
    margin-top: 7px;
}

#add_release_data_addbtn {
    margin-bottom: 10px;
}

/* superiors */
#studentdetailinfo {
    background: #f5f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    font-size: 16px;
    font-weight: bold;
    width: 250px;
    border: 1px solid #888; 
    border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 7px;
    padding-bottom: 10px;
}

#studentdetailinfo_email {
    font-size: 12px;
    font-weight: normal;
}

#studentdetailbackcontainer {
    width: 266px;
    text-align: center;
    margin: auto;
    margin-left: 0px;
}

#studentdetailback {
    background: #f5f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    width: 150px;
    padding: 8px;
    border-left: 1px solid #888;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    margin: auto;
}

#superiorstudentdetailh1 {
    margin-top: -60px;
}

/* content display */
#content_display {
    text-align: left;
}

/* admin home */
#adminhomediv {
    background-image: url('../images/darthvader.png');
    height: 600px;
    width: 800px;
    display: table-cell;
    vertical-align: middle;
    color: #BBB;
}
/* admin texts */
.admintextta {
    font-family: Courier;
}