/* general */

body { margin: 0; padding: 0; font: normal 12px Arial, "sans serif"; }
form { margin:0; padding:0; }
img { border:none }

.last { margin-bottom:0 !important; }
.first { margin-top:0 !important; }

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

div.hr { width:100%; border-bottom:1px dotted #ccc; margin-bottom:10px; }

.float-left { float:left }
.float-right { float:right }

th { font-weight:bold; text-align:left; }

/* text */

h1 { margin: 0 0 10px; padding-bottom:5px; font-size:15px; color:#666; width:100%; border-bottom:1px dotted #ccc; }
h3 { margin: 15px 0 10px; padding-bottom:5px; font-size:14px; color:#bd0000; width:100%; border-bottom:1px dotted #ccc; }
h5 { margin: 10px 0; font-size:13px; color:#000; }

.text-success { color:green; }
.text-error { color:red; }
.text-large { font-size:16px }
.text-small { font-size:10px }
.text-medium { font-size:11px }
.text-tip { color: green; font-weight:normal }
.text-price { color: #a00; }
.text-discount { color: red; font-weight:normal; }
.text-hilight { font-weight:bold; color:green; }

.bold { font-weight:bold }
.align-right { text-align:right !important; }
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }

.align-top { vertical-align:top !important; }
.align-middle { vertical-align:middle !important; }
.align-bottom { vertical-align:bottom !important; }
.nowrap { white-space:nowrap; }

.overflow-auto { overflow:auto; }

/* notifications */

p.notify-info { background: #fafbfd url(../images/icons/ico-info.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #cee3fe; border-bottom: 2px solid #cee3fe; margin: 0 0 10px 0 }
p.notify-pass { background: #f8fff0 url(../images/icons/ico-pass.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #a0dc11; border-bottom: 2px solid #a0dc11; margin: 0 0 10px 0 }
p.notify-fail { background: #fecfcf url(../images/icons/ico-fail.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #f96f6f; border-bottom: 2px solid #f96f6f; margin: 0 0 10px 0 }
p.notify-idea { background: #fff6bf url(../images/icons/ico-idea.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin: 0 0 10px 0 }

/* links */

a { color:#0c8cbd; text-decoration:underline; }
a:hover { text-decoration:none; }

a.nav { color:#000; font-size:13px; text-decoration:none; font-weight:bold; }
a.nav:hover { color: #999; }

#footer span { color: #666; font-size:0.9em; padding-right:2em; }
  #footer a { color: #666; font-size:0.9em; text-decoration: underline; font-weight:normal; }
  #footer a:hover { color:#999; text-decoration:none }
  
.return-item   { background: url('../images/icons/ico-nav-lt-red.gif') center no-repeat; background-position: 5px 50%; padding: 0 27px 3px; }
.homework-link { background: url(../images/icons/ico-homework.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }
.past-item     { background: url(../images/icons/ico-check-solid.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }
.present-item  { background: url(../images/icons/ico-nav-right-blue.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }
.future-item   { background: url(../images/icons/ico-bullet-gray.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }

a.previous-page { background: url(../images/icons/ico-nav-left-blue.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }
a.next-page     { background: url(../images/icons/ico-nav-right-blue.gif) right no-repeat; padding:0 27px 3px }

.complete-item   { background: url(../images/icons/ico-check.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }
.incomplete-item   { background: url(../images/icons/ico-flag-red.gif) center no-repeat; background-position: 5px 50%; padding:0 27px 3px }

/* auto-clearing divs */

  .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;} 
  /* End hide from IE Mac */
  * html .clearfix {height:1px;}

/* validators */
div.validation-summary { margin-bottom:10px; padding: 5px; font-size: 12px; font-weight: bold; border: 1px solid #ccc; background-color: #efefef; }
  div.validation-summary ul { margin: 5px 15px; padding-left: 15px;  }
  div.validation-summary ul li { margin-left:0; font-weight:normal }
  
span.required-validator { font-size:1.5em; line-height:0.9em; font-weight:bold; color:red; }
abbr.required { line-height: 0.9em; vertical-align: middle; color: #BD0000; border: none; display: inline-block; }

/* structure */

div.body-section { margin-left:15px }

table#wrapper { width:822px; margin:10px auto 0 auto; border:none; }

  td#header { padding-bottom:5px }
    div#logo-container { float:left }
    div#page-logo-container { float:right }
    
	  td.slt { width:7px; height:5px; background: url(../images/layout/slt.gif) no-repeat top left; }
	  td.rl { height:5px; background: url(../images/layout/rl.gif) repeat-x top left; }
	  td.str { width:7px; height:5px; background: url(../images/layout/str.gif) no-repeat top right; }
	  td.sl { width:7px; background: url(../images/layout/sl.gif) repeat-y top left; }
	  td.sr { width:7px; background: url(../images/layout/sr.gif) repeat-y top right; }
	  td.bb { height:165px; background: url(../images/layout/bb.gif) repeat-x top left; text-align:center }
	  td.sblc { height:5px; background: url(../images/layout/sblc.gif) no-repeat top left; }
	  td.sb { height:5px; background: url(../images/layout/sb.gif) repeat-x top left; }
	  td.sbrc { height:5px; background: url(../images/layout/sbrc.gif) no-repeat top right; }
    
  table#top-nav {}
    table#top-nav td { text-align:center } 
	  table#top-nav a { font-size: 13px; color: #fff; text-decoration: none; font-weight:bold; }   
      table#top-nav a:hover { color: #ffffce; }
      
      td.nav-tab-lt { width:8px; height:29px; background: url(../images/layout/tnli.gif) repeat-y top left; }
      td.nav-tab-bg { height:29px; background: url(../images/layout/tnbi.gif) repeat-x top left; }
      td.nav-tab-rt { width:8px; height:29px; background: url(../images/layout/tnri.gif) repeat-y top right; }
      td.nav-tab-spacer { width:1px; height:1px }
  
  table#column-container { padding-top:10px }
    table#column-container td { vertical-align:top; }
    
    td#master_left { width:200px; }    

	  /* module containers */
      table.page-module { width:180px; margin:0 auto 10px auto;  }    
        td.page-module-tl { width:6px; height:34px; background: url(../images/layout/mod-tl.gif) no-repeat top left; }
        td.page-module-tp { height:34px; background: url(../images/layout/mod-tp.gif) repeat-x top left;}          
          td.page-module-tp h1 { color:#fff; font-size:1.2em; font-weight:600; line-height:34px; margin:0; padding:0; border:0; float:left; width:auto }     
          td.page-module-tp div { float:right; } 
			td.page-module-tp div a { color:#fff !important; line-height:31px; }
        td.page-module-tr { width:6px; height:34px; background: url(../images/layout/mod-tr.gif) no-repeat top right; }
		td.page-module-body { height:1px; padding: 5px; border-left: 1px solid #d52525; border-right: 1px solid #d52525; background-color:#f6f6f6; }
		td.page-module-bl { width:6px; height:6px; background: url(../images/layout/mod-bl.gif) no-repeat top left; }
        td.page-module-bt { height:6px;  background: url(../images/layout/mod-bt.gif) repeat-x top left; }
        td.page-module-br { width:6px; height:6px; background: url(../images/layout/mod-br.gif) no-repeat top right; }
      
      /* util containers */  
      table.util-module { margin-bottom:10px }    
        td.util-module-tl { width:6px; height:34px; background: url(../images/layout/util-tl.gif) no-repeat top left; }
        td.util-module-tp { height:34px; background: url(../images/layout/util-tp.gif) repeat-x top left;}          
          td.util-module-tp h1 { color:#fff; font-size:1.2em; font-weight:600; line-height:34px; margin:0; padding:0; border:0; float:left; width:auto }     
          td.util-module-tp div { float:right; } 
			td.util-module-tp div a { color:#fff !important; line-height:31px; }
        td.util-module-tr { width:6px; height:34px; background: url(../images/layout/util-tr.gif) no-repeat top right; }
		td.util-module-body { height:1px; padding: 5px; border-left: 1px solid #20A2D4; border-right: 1px solid #20A2D4; }
		td.util-module-bl { width:8px; height:8px; background: url(../images/layout/util-bl.gif) no-repeat top left; }
        td.util-module-bt { height:8px;  background: url(../images/layout/util-bt.gif) repeat-x top left; }
        td.util-module-br { width:8px; height:8px; background: url(../images/layout/util-br.gif) no-repeat top right; }
                
    td#master_main { padding-right:10px }
    
      /* page containers */
      table.page-content { margin-bottom:10px }    
        td.page-content-tl { width:6px; height:34px; background: url(../images/layout/page-tl.gif) no-repeat top left; }
        td.page-content-tp { height:34px; background: url(../images/layout/page-tp.gif) repeat-x top left;}          
          td.page-content-tp h1 { color:#fff; font-size:1.4em; font-weight:600; line-height:30px; margin:0; padding:0; border:0; float:left; width:auto }     
          td.page-content-tp div { float:right; } 
			td.page-content-tp div a { color:#fff !important; line-height:31px; }      
        td.page-content-tr { width:6px; height:34px; background: url(../images/layout/page-tr.gif) no-repeat top right; }
		td.page-content-body { height:1px; padding: 10px; border-left: 1px solid #000; border-right: 1px solid #000; }
		td.page-content-bl { width:8px; height:8px; background: url(../images/layout/page-bl.gif) no-repeat top left; }
        td.page-content-bt { height:8px;  background: url(../images/layout/page-bt.gif) repeat-x top left; }
        td.page-content-br { width:8px; height:8px; background: url(../images/layout/page-br.gif) no-repeat top right; }
        		
  td#footer { text-align:center; padding:8px }
    
  table.login-control label { text-align:right }
  
/* quiz list */

div.quiz-item { margin-bottom: 10px; }
  div.quiz-item a { color: #000 !important; }
  div.quiz-item div { margin-top:5px; }
  
/* account header messages */

div.account-messages { color:#fff; margin: 0 auto; overflow:hidden; text-align:center; height:153px; background: url("../images/layout/chalkboard_bg.gif") no-repeat top center; }
  div.account-messages table { width:95%; margin: 10px auto 25px auto; }
	div.account-messages table th { font-size:14px; font-weight:bold; text-align:left; }
	div.account-messages table td { text-align:left; padding:0 5px; vertical-align:top; }
		div.account-messages a, div.account-messages a:hover { color: #fff !important; text-decoration:underline !important; }
		
/* standard grid */

table.grid { border-collapse: collapse; margin-bottom:10px; width:100%; }
  table.grid td { vertical-align:top; }
  
  tr.grid-header th { font-weight: bold; background-color: #b6ad95; border-bottom:1px solid #666;  color: #fff; }
  
  tr.grid-row { background-color: #fff }      
  tr.grid-row-alt { background-color: #efefef }
  tr.grid-row-edit { background-color: #d1d1d1; }
  
  tr.grid-selected { background-color: #ffffe0; }
  
  table.grid tbody tr:hover { background-color: #ddd; color: #333 }

  tr.grid-pager, tr.grid-pager tr:hover {  text-align:right; border-top:1px solid #666; background-color: #b6ad95 !important; color: #fff !important; }
    tr.grid-pager table { float: right; border-collapse:collapse; }
	  tr.grid-pager table td { padding: 0 2px; }  

  div.add-new-panel { border:1px solid #666; border-width:1px 0; padding:10px; background-color:#C4BCA8; }
    div.add-new-panel label { font-weight:bold; }
    
/* class item */

div.class-item, div.class-item-alt { padding:10px }
  div.class-item-alt { background-color: #efefef }  
  div.class-item-head { margin-bottom:10px }
  
/* class list */

table.class-list { width:95%; margin-left:15px; }
  tr.class-list-item td { background-color: #efefef; }
	td.class-list-item-name, td.class-list-item-number { font-weight:bold; }
	td.class-list-item-number { text-align:right; }
	th.class-list-trim, td.class-list-score, td.class-list-time { width:1%; white-space:nowrap; }
	
div.class-list-group { margin-bottom:15px }
 
/* gallery */

table.gallery { margin-bottom: 15px; width:100% }
  table.gallery td { padding:10px; text-align:center; width:33%; }
    table.gallery td span { display:block }
    table.gallery td h5 { margin:10px 0; }

  table.gallery td.selected { background-color: #ffffe0; border: solid 1px black; }

div.profile-images { text-align:center; }
  div.profile-images img { margin:5px }    
  div.profile-images span { display:block; margin-bottom:10px; }
  
/* question/answer */

div.questions {}
  div.question { margin-bottom: 10px; font-weight: bold; }
  div.answers { margin-left: 10px }
	span.answer-correct { color:blue; }
	span.answer-partial { color:orange; }
  div.elucidation { margin: 10px 0 0 10px; font-style:italic; }
  
td.question-separator { padding-top:10px; }
tr.quiz-submit-row td { padding-top:15px; }

/* dashboard */
table.dashboard { margin:5px; width:100%; }
  div.dashboard-item { width: 200px; min-height:135px; float:left; margin:5px; border:1px solid #bdbbac; }
     div.dashboard-item-title { font-weight:bold; font-size:14px; color:#fff; text-align:left; }
	  div.schedule-title { background: #bdbbac url(../images/icons/ico-calendar-lg.gif) center no-repeat; background-position: 5px 50%; padding:5px 32px 5px }
	  div.classes-title { background: #bdbbac url(../images/icons/ico-chalkboard-lg.gif) center no-repeat; background-position: 5px 50%; padding:5px 32px 5px }
	  div.performance-title { background: #bdbbac url(../images/icons/ico-diploma-lg.gif) center no-repeat; background-position: 5px 50%; padding:5px 32px 5px }
  
    div.dashboard-item-body { padding:5px; line-height:20px; text-align:left; }
    
    table.dashboard td { width:200px; }
    td.dashboard-photo { text-align:center; vertical-align:middle; width:auto; }

/* order details */

div.order-detail-group { margin-left:15px }

/* form */

table.form {}
  td.form-label { width:80px; text-align:right; color:#666; font-weight:bold; vertical-align:middle !important; white-space: nowrap; }
    td.form-label label { white-space:nowrap; }
  td.top { vertical-align:top !important; }
  td.middle { vertical-align:middle !important; }

div.form-controls { margin-top:15px }

/* form controls */

input.textbox { border: 1px solid #999; }

span.checkbox label { position:relative; top:-2px }

span.radio>input { vertical-align: middle !important; position: relative; top: -1px; }
span.radio>label { vertical-align: middle !important; }

select { border:1px solid #999 }
.select-large { border:1px solid #999; font-size:16px }

.file-upload { padding:3px }