/* Zero everything */

body, form, div, p, a, h1, h2, h3, h4, blockquote, dl, dt, dd{margin:0; padding:0}

xdiv
{
    border: 1px solid red;
}

body
{
    font-size: 75%;
    /*font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1, .h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2, .h2 {
    padding: 0 0 10px 0;
}
h3, .h3 {
    font-size: 1.2em;
}
h4, .h4
{
    font-size: 1.1em;
}
h5, h6, .h5, .h6 {
    font-size: 1em;
}

.h1, .h2, .h3, .h4, .h5, .h6{
    color: #000;
    font-weight: bold;
}
.h2 {
    font-size: 1.5em;
}

a
{
    color: #FFF;
}

img
{
    border: none;
}

li
{
    line-height: 1.6;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    float:left;
    width:100%;
    height: 78px;
    background-color: #FFF;
    border-bottom: 1px solid #d0d0d0;
}

#header-right
{
    margin-left: 40px;
    width: 950px;
    float: left;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#header-content
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 78px;
}

#body {
    background-color: #f8f4ec;
    float: left;
    width: 100%;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    padding:0 1.0em 0.3em 1.0em;
    margin:0 0 1em 0;
    border-radius: 3px;
    border:1px solid #CCCCCC;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error {
    color: Red;
}


#logindisplay
{
    width: 100%;
    float: right;
    margin-top: 10px;
    font-size:1.1em;
    display:block;
    text-align:right;
    color:#666;
}

#logindisplay a:link
{
    color: #666;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #666;
    text-decoration: underline;
}

#logindisplay a:hover
{
    position: relative;
    top: 1px;
    left: -1px;
    color: #666;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 0.5em 0 0.5em 0;
}

.display-field,
.editor-field
{
    margin: 0.3em 0 0.2em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

a.btn {
    background: transparent url('img/btn-right.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 19px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.btn span {
    background: transparent url('img/btn-left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 18px;
} 
 
a.btn:hover {
    background: transparent url('img/btn-right-pressed.png') no-repeat scroll top right;
}

a.btn:hover span {
    background: transparent url('img/btn-left-pressed.png') no-repeat;
} 
 
a.btn:active {
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.t-csvexport{background-position:-64px -900px}
.t-report{background-position:-48px -900px}
.t-checked{background-position:-32px -900px}
.t-unchecked{background-position:-16px -900px}
.t-pdfexport{background-position:0px -900px}
.t-resetpassword{background-position:-0px -916px}
.t-gridedit{background-position:0 -336px}
.t-gridview{background-position:-64px -176px}
.t-journal{background-position:-16px -916px}
.t-post-it{width:25px; background-position:0px -932px}
.t-wordexport{background-position:-64px -916px}
.t-reminder{background-position:-48px -916px}

.t-edit-disabled{background-position:0 -948px;}
.t-delete-disabled{background-position:-16px -948px}
.t-view-reviewee-prep{background-position:0 -996px}
.t-view-reviewee-selfeval {background-position: -64px -980px}
.t-view-reviewer-prep{background-position:-64px -176px}
.t-schedule-review{background-position:-64px -336px}
.t-edit-reviewer-prep{background-position:0 -336px}
.t-edit-review{background-position:-32px -932px}
.t-edit-targets{background-position:-48px -932px}
.t-edit-staffleveltargets{background-position:-48px -932px}
.t-approval{background-position:-32px -916px}
.t-save{background-position:-32px -336px}
.t-cancel{background-position:-32px -336px}
.t-copy{background-position:0 -980px}
.t-complete{background-position:-16px -980px}
.t-ofsted{background-position:-32px -966px}
.t-view-evidencewallet{background-position:-48px -966px}
.t-view-standards-matrix{background-position:-64px -966px}
.t-archive {background-position: -16px -996px}
.t-unarchive {background-position: -32px -996px}
.t-archive-disabled {background-position: -48px -996px}


.t-view-monitoring {
    background-position: -64px -176px
}
.t-schedule-monitoring{background-position:-64px -336px}
.t-schedule-disabled{background-position:-64px -948px}

.t-view-survey-template {
    background-position: -64px -176px
}
.t-schedule-survey {
    background-position: -64px -336px
}

.t-view-archived {
    background-position: -64px -176px
}

.t-make-current {
    background-position: -48px -980px
}

.t-make-draft {
    background-position: -32px -980px
}

.t-button-disabled
{
    border-color: #CCC !important;
}

.activities-menu-header
{
    color: #6e6e6e;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #6e6e6e;
}

.side-menu-anker
{
    color: #6e6e6e;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    border-bottom: 1px solid #6e6e6e;
}

.side-menu-header
{
    color: #6e6e6e;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #6e6e6e;
}

.side-menu-anker:hover, .side-menu-header:hover
{
    background-color: transparent !important;
    border-color: transparent !important;
    color: #0000FF !important;
}


span.grid-header
{
    color: #000;
}

#footer{float:left; width:100%; background:#b6b6b6; padding:13px 0;color:#FFF}

#footer-text
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

ul#footerSocialLinks{float:left}/*Cleanup - Replace with: floatLeft*/
ul#footerSocialLinks li img:hover {opacity: 0.7;}
ul#footerSocialLinks {clear: left; margin-top: 5px; float: left;}
ul#footerSocialLinks li {display:inline; margin-right: 3px;}

#footer dl{float:left}/*Cleanup - Replace with: floatLeft*/
#footer dl dt{display:none;}/*Cleanup - Replace with: displayNone*/
#footer dl dd{display:inline; background : url(img/footerdiv.png) no-repeat 100% 2px;padding-left:5px;padding-right:15px;}
#footer dl dd.first {padding-left:0px;}
#footer dl dd.noline {background :none;}
#footer dl dd a{text-decoration:none}
#footer dl dd a:hover{color:#8b8b8b; text-decoration:none}

#Footer_Copyright
{
    float: right;
}

#media
{
    float: left;
    margin-left: 90px;
}

.centered-img
{
    border: 0px;
    padding: 0;
    margin: 0 7px 0 7px;
    vertical-align: middle;
    width: 25px;
    height: 24px;
}

.small-centered-img
{
    border: 0px;
    padding: 0;
    margin: 0 7px 0 7px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.grade-img
{
    border: 0px;
    padding: 0;
    margin: 0 7px 0 7px;
    vertical-align: middle;
    width: 14px;
    height: 20px;
}

.narow-centered-img
{
    border: 0px;
    padding: 0;
    margin: 0 0 0 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.div-fullwidth
{
    float: left;
    width: 100%;
}

.fieldset
{
    padding-bottom: 5px;
    background-color: #FFF;
}

.fieldset-disabled
{
    padding-bottom: 5px;
    background-color: #DDD;
}

/* Side menu icons */
#PanelBar .t-sprite, #PanelBar1 .t-sprite, #PanelBar2 .t-sprite
{
    background-image: url('img/icons/icons.png');
    width: 21px !important;
    height: 20px !important;
}

.icon-company{background-position: 0 0;}
.icon-subject{background-position: 0 -20px;}
.icon-faculties{background-position: 0 -40px;}
/*.icon-staff{background-position: 0 -60px;}*/
.icon-team{background-position: 0 -80px;}
.icon-focus{background-position: 0 -100px;}
.icon-taskarea{background-position: 0 -120px;}
.icon-tasktype{background-position: 0 -140px;}
.icon-plantype{background-position: 0 -160px;}
.icon-keypriority{background-position: 0 -180px;}
.icon-years{background-position: 0 -200px;}
.icon-terms{background-position: 0 -220px;}
.icon-keystage{background-position: 0 -240px;}
.icon-class{background-position: 0 -260px;}
.icon-plansum{background-position: 0 -280px;}
.icon-manage{background-position: 0 -300px;}
.icon-newaction{background-position: 0 -320px;}
.icon-actions{background-position: 0 -340px;}
.icon-activities{background-position: 0 -360px;}
.icon-planjournals{background-position: 0 -380px;}

.icon-newtask{background-position: 0 -400px;}
.icon-tasks{background-position: 0 -420px;}
.icon-templates{background-position: 0 -440px;}
.icon-journals{background-position: 0 -460px;}

.icon-selfevaleffect{background-position: 0 -480px;}

.icon-stafflevel{background-position: 0 -500px;}
.icon-perfmansched{background-position: 0 -520px;}
.icon-staff{background-position: 0 -540px;}
.icon-reports{background-position: 0 -560px;}
.icon-my-review{background-position: 0 -580px;}
.icon-my-perf{background-position: 0 -600px;}
.icon-www {
    background-position: 0 -620px;
}
.icon-share {
    background-position: 0 -640px;
}
.icon-categories {
    background-position: 0 -660px;
}
.icon-mypolicies {
    background-position: 0 -680px;
}
.icon-newpolicy {
    background-position: 0 -700px;
}
.icon-distlist {
    background-position: 0 -720px;
}
.icon-ratifiers {
    background-position: 0 -740px;
}
.icon-pdf
{
    background-position: -432px 0;
}

.icon-postit
{
    background-position: -456px 0;
}

.light-h2
{
    font-size: 1.5em;
    color: #666;
    font-weight: bold;
}

.full-width
{
    float: left;
    width: 100%;
}

.readonly-textbox
{
    border-width: 0px;
    border-color: transparent;
}

.readonly-textarea {
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #BCBCBC;
}

.button-180
{
    width: 180px;
}

.help-icon
{
    float: right;
    display: none;
    margin-left: 5px;
	cursor: pointer;
}

.visible-help-icon
{
    float: right;
    margin-left: 5px;
}

.title
{
    float: left;
    width: 650px;
}

.help-icons
{
    float: right;
    width: 150px;
}

/* MENU   
----------------------------------------------------------*/
div#menu {
    position: relative;
    top: 26px;
    width: 100%;
}

#menu-left {
    position:absolute;
    top: 14px;
    left: 0;
    width: 480px;
}

#menu-right {
    position: absolute;
    z-index: 10;
    top: 14px;
    left: 525px;
}

#menu .logo {
    position: absolute;
    z-index: 10;
    top: 14px;
    left: 470px;
}


#menu .t-link
{
    padding: 5px 15px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8em;
}

/* adjustments to telerik menu css */
*.t-link:active
{
    color:#34a7d8;
}

#menu .t-header
{
    color:#34a7d8;
    background: transparent none !important;
    border-color: transparent !important;
}

#menu .t-state-default
{
    border-color: transparent !important;
}

#menu .t-state-default .t-link
{
    color:#949495;
}

#menu .t-state-default .t-state-hover, #menu .t-state-default t-state-hover:hover
{
    color:#34a7d8;
    background-color: transparent !important;
    border-bottom:3px solid #34a7d8;
    padding-bottom:2px;
}

.t-panelbar .t-link
{
    padding: 0.3em !important;
    border-bottom: 1px solid #dedddd !important;
    color: #838383 !important;
    font-size:14px;
}

.t-panelbar .t-header{background: transparent none !important;}
.t-panelbar{background: transparent none !important; border-color: transparent !important;}
.t-panelbar .t-state-hover, .t-panelbar .t-state-hover:hover
{
    color: #63c5ff !important;
}

#ManualTreeView.t-treeview, #VideoTreeView.t-treeview
{
 color:#333 !important;
}

.xlady-orb
{
    float: left;
    background: transparent url(img/lady-orb.png) no-repeat 650px 150px;
}

.xgirl-orb
{
    float: left;
    background: transparent url(img/girl-orb.png) no-repeat 670px 10px;
}

.xplaying-ball
{
    float: left;
    background: transparent url(img/playing-ball.png) no-repeat 360px 300px;
}

.xman-orb
{
    float: left;
    background: transparent url(img/man-orb.png) no-repeat 400px 150px;
}

.xsmall-playing-ball
{
    float: left;
    background: transparent url(img/small-playing-ball.png) no-repeat 475px 300px;
}


.archived
{
    color: #A0A0A0;
}

.readonly
{
    background-color:#E5E5E5;
    border: 1px solid #AAA;
}

.btns-container {
    float: right;
    position: relative;
    margin-right: 10px;
}
.btn-container
{
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    transition: .2s ease;
    cursor: pointer;
    background-color:transparent;
}

.btn-container:hover
{
    background: url('img/wren-sprite.png') 0 0;
}

.btn-a
{
    text-decoration: none;
    display: inline-block;
}

.btn-icon
{
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    margin: 2px;
    background-color:transparent;
    display: inline-block;
    opacity: 1; 
}

.btn-close {
    width: 14px;
    background: url('img/wren-sprite.png') -21px 0;
}

.btn-cancel {
    width: 14px;
    background: url('img/wren-sprite.png') -21px 0;
}

.btn-help {
    width: 14px;
    background: url('img/wren-sprite.png') -319px 0;
}

.btn-help-close {
    width: 14px;
    background: url('img/wren-sprite.png') -411px 0;
}

.btn-add {
    width: 14px;
    background: url('img/wren-sprite.png') -411px -25px;
}

.btn-delete {
    width: 14px;
    background: url('img/wren-sprite.png') -21px 0;
}

.btn-edit {
    width: 14px;
    background: url('img/wren-sprite.png') -21px 0;
}

.btn-edit {
    background: url('img/wren-sprite.png') -429px 0;
}

.btn-large-container {
    position: relative;
    width: 26px;
    height: 24px;
    /*transition: .2s ease;*/
    cursor: pointer;
    background-color: transparent;
}

.btn-large-container-spacer {
    position: relative;
    width: 26px;
    height: 24px;
    /*transition: .2s ease;*/
    background-color: transparent;
}

.btn-large-container:hover {
    background: url('img/wren-sprite.png') -36px 0;
}

.btn-large-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
    width: 26px;
    background-color: transparent;
    display: inline-block;
    opacity: 1;
}

.btn-large-pdf {
    background: url('img/wren-sprite.png') -63px 0;
}

.btn-large-word {
    background: url('img/wren-sprite.png') -88px 0;
}

.btn-large-archive {
    background: url('img/wren-sprite.png') -114px 0;
}

.btn-large-draft {
    background: url('img/wren-sprite.png') -140px 0;
}

.btn-large-edit {
    background: url('img/wren-sprite.png') -166px 0;
}

.btn-large-erase {
    background: url('img/wren-sprite.png') -192px 0;
}

.btn-large-addcomment {
    background: url('img/wren-sprite.png') -218px 0;
}

.btn-large-comment {
    background: url('img/wren-sprite.png') -246px 0;
}

.btn-large-view {
    background: url('img/wren-sprite.png') -316px -25px;
}

.btn-large-update {
    background: url('img/wren-sprite.png') -197px -25px;
}

.btn-large-download {
    background: url('img/wren-sprite.png') -221px -25px;
}

.btn-large-calendar {
    background: url('img/wren-sprite.png') -268px -25px;
}

.btn-large-delete {
    background: url('img/wren-sprite.png') -293px -25px;
}

.btn-large-target {
    background: url('img/wren-sprite.png') -338px 0;
}

.btn-large-wallet {
    background: url('img/wren-sprite.png') -338px -25px;
}

.btn-large-chart {
    background: url('img/wren-sprite.png') -360px 0;
}

.btn-large-prep {
    background: url('img/wren-sprite.png') -360px -25px;
}

.btn-large-standards {
    background: url('img/wren-sprite.png') -385px 0;
}

.btn-large-selfeval {
    background: url('img/wren-sprite.png') -385px -25px;
}

.btn-large-selfeval-TS {
    background: url('img/wren-sprite.png') -453px 0;
}

.btn-large-selfeval-TSPT {
    background: url('img/wren-sprite.png') -479px 0;
}

.btn-large-selfeval-TA {
    background: url('img/wren-sprite.png') -453px -25px;
}

.btn-large-selfeval-HLTA {
    background: url('img/wren-sprite.png') -427px -25px;
}

.btn-large-selfeval-SUP {
    background: url('img/wren-sprite.png') -504px 0;
}

.btn-approve-container {
    position: relative;
    width: 51px;
    height: 24px;
    /*transition: .2s ease;*/
    cursor: pointer;
    background-color: transparent;
}

    .btn-approve-container:hover {
        background: url('img/wren-sprite.png') 0 -25px;
    }

.btn-approve-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
    width: 50px;
    background-color: transparent;
    display: inline-block;
    opacity: 1;
}

.btn-approve{
    background: url('img/wren-sprite.png') -51px -25px;
}

.btn-draft {
    background: url('img/wren-sprite.png') -101px -25px;
}

.btn-archive {
    background: url('img/wren-sprite.png') -150px -25px;
}

.t-grid-content {
    overflow: : auto !important;
}

.file-icon {
    background-image: url('img/folder-sprite.png');
    background-color: #FFF;
    width: 16px !important;
    height: 16px !important;
    float: left;
}

/* File icons*/
.icon-defalt            { background-position: 0 0; }
.icon-txt               { background-position: 0 0; }
.icon-pdf               { background-position: -224px 0; }
.icon-doc               { background-position: -240px 0; }
.icon-docx              { background-position: -240px 0; }
.icon-ppt               { background-position: -256px 0; }
.icon-pptx              { background-position: -256px 0; }
.icon-xls               { background-position: -272px 0; }
.icon-xlsx              { background-position: -272px 0; }
.icon-sql               { background-position: -288px 0; }
.icon-jpg, .icon-png, .icon-gif, .icon-img { background-position: -304px 0; }
.icon-cal, .icon-ics    { background-position: -320px 0; }
.icon-accdb             { background-position: -336px 0; }
.icon-mp4, .icon-mov    { background-position: -352px 0; }
.icon-pub               { background-position: -368px 0; }
.icon-wav               { background-position: -384px 0; }
.icon-foc               { background-position: -400px 0; }
.icon-std               { background-position: -416px 0; }
.icon-target            { background-position: -432px 0; }

.file-icon {
    background-image: url('img/folder-sprite.png');
    background-color: #FFF;
    width: 16px !important;
    height: 16px !important;
    float: left;
}

.file-icons {
    background-image: url('img/file-icon-sprite.png');
    background-color: #FFF;
    width: 22px !important;
    height: 23px !important;
    float: left;
}

/* File icons*/
.icon-defalt {
    background-position: 0 0;
}

.icon-txt {
    background-position: 0 0;
}

.icon-pdf {
    background-position: -224px 0;
}

.icon-doc {
    background-position: -240px 0;
}

.icon-docx {
    background-position: -240px 0;
}

.icon-ppt {
    background-position: -256px 0;
}

.icon-pptx {
    background-position: -256px 0;
}

.icon-xls {
    background-position: -272px 0;
}

.icon-xlsx {
    background-position: -272px 0;
}

.icon-sql {
    background-position: -288px 0;
}

.icon-jpg, .icon-png, .icon-gif, .icon-img {
    background-position: -304px 0;
}

.icon-cal, .icon-ics {
    background-position: -320px 0;
}

.icon-accdb {
    background-position: -336px 0;
}

.icon-mp4, .icon-mov {
    background-position: -352px 0;
}

.icon-pub {
    background-position: -368px 0;
}

.icon-wav {
    background-position: -384px 0;
}

.icon-foc {
    background-position: -400px 0;
}

.icon-std {
    background-position: -416px 0;
}

.icon-target {
    background-position: -432px 0;
}

.list-background-0 {
    float: left;
    width: 100%;
    background: #FFF;
}

.list-background-1 {
    float: left;
    width:100%;
    background: #F7F7F7;
}

.t-btnadd {
    background-position: -48px -320px
}

.t-btndelete {
    background-position: -16px -336px
}

/* unvisited link */
a.anchor:link {
    color: red;
}

/* visited link */
a.anchor:visited {
    color: green;
}

/* mouse over link */
a.anchor:hover {
    color: hotpink;
}

/* selected link */
a.anchor:active {
    color: blue;
}