/* CSS Document */



/* -------------------------------------------------------------- 

  

   * Resets default browser CSS.

   

-------------------------------------------------------------- */



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;

  vertical-align: baseline;}



/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td {  font-weight: normal; }

table, td, th { vertical-align: top; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }



/* Remove annoying border on linked images. */

a img { border: none; }



/*accessibility*/






#skipNav, #browserSupport {display:none;} 



/* -------------------------------------------------------------- 

   

   typography.css

   * Sets up some sensible default typography.

   

-------------------------------------------------------------- */



/* Default font settings. */

body { background:#ffffff; font-size: 13px; line-height:18px;color:#678197; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}



/* Headings

-------------------------------------------------------------- */



h1,h2,h3,h4,h5,h6 {color: #111;margin-bottom:1em;  }



h1 { font-size: 22px; line-height: 1; }

h2 { font-size: 17px; line-height: 1; }

h3 { font-size: 16px; line-height: 1; }

h4 { font-size: 15px; line-height:1;}

h5 { font-size: 14px; line-height: 1; }

h6 { font-size: 13px; line-height: 1;}



h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}



/* Text elements

-------------------------------------------------------------- */



p           { margin: 0 0 1.5em; }

p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }



a, a:hover {color: #0033cc;text-decoration: none;border:0;}

a:focus, a:hover {text-decoration:underline; }



blockquote  { margin: 1.5em; color: #666; font-style: italic; }

strong      { font-weight: bold; }

em,dfn      { font-style: italic; }

dfn         { font-weight: bold; }

sup, sub    { line-height: 0; }



abbr, 

acronym     { border-bottom: 1px dotted #666; }

address     { margin: 0 0 1.5em; font-style: italic; }

del         { color:#666; }



pre 				{ margin: 1.5em 0; white-space: pre; }

pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }



/* Lists

-------------------------------------------------------------- */



li ul, 

li ol       { margin:0 1.5em; }

ul, ol      { margin: 0 1.5em 1.5em 3.5em; }



ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }



dl          { margin: 0 0 1.5em 0; }

dl dt       { font-weight: bold; }

dd          { margin-left: 1.5em;}



/* Tables

-------------------------------------------------------------- */



table       { margin-bottom: 1.4em; width:100%; }

th          { font-weight: bold; }

thead th 	{ background: #c3d9ff; }

th,td,caption { padding: 4px 10px 4px 5px; }

tr.even td  { background: #e5ecf9; }

tfoot       { font-style: italic; }

caption     { background: #eee; }



/* Misc classes

-------------------------------------------------------------- */



/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.clearfix:after {content: "."; display: block; height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}  /* for IE/Mac */



/* Regular clearing

   apply to column that should drop below previous ones. */



.clear { clear:both; }



/* Use this to create a horizontal ruler across a column. */

hr {background: transparent; color: #ffffff;clear: both; float: none; width: 100%; height: 1px;margin: 0 0 3px;border: none;}

hr.space {background: #fff;color: #fff;}

hr.divider {background: #efefef;color: #fff;border-top:dotted 1px #cccccc;}





/* --------------------------------------------------------------   



   * Forms      



-------------------------------------------------------------- */



form {}

fieldset {margin:0 0 0 0;padding:20px;background:#ffffff;border:solid 1px #E5EFF8;border-top:none;width:auto; }

fieldset.alt {background:#efefef; }



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

legend span{margin:20px 0 0 0;}



p.inputs {display:block;width:100%;clear:both;padding:8px 0;margin: 0 0 2px 0;}



/*?*/h3.expander {font-size:11px;text-align:right;margin:0;}



p.links {text-align:right;margin:0;}

p.links.alt {text-align:center;margin:0;}

p.info {font-size:12px;color:#666666;}

p.info b.icon_info {width:20px;height:20px;display:block;float:left;margin:-5px 5px 5px 0;z-index:100;background:transparent url(../images/icon-set-20.png) no-repeat scroll -280px bottom;}

p.tips {text-align:left;margin:0;display:block;float:left;clear:both;background-color:#4f81bd;color:white;padding:3px;}

p.validation {text-align:left;margin:0;}

p.validation.error {color:red;}

p.validation.success {color:green;}

p.validation.spacer {text-align:center;margin:0 200px 0 0;}



/*to adjust buttons*/

div.button { display:block;white-space:normal;padding:5px 20px; text-align:left;}

div.button.noPad { padding:8px 0;}

b.buttons {float:left;clear:none;margin:10px 0 0 10px}

.register b.buttons {margin:10px 0 0 0;}

b.buttons.alt {float:right;}



/**/



textarea, select, input {font-size:14px;}

textarea:focus, select:focus, input:focus { border:1px solid #666;}

textarea { float:left; height: 100px; padding:5px; }

input, textarea, select {border:1px solid #bbb;-moz-border-radius: 5px;-webkit-border-radius: 5px;}



label {float:left;margin:0 10px 0 0;font-weight:bold;text-align:left;}

label.lbl_vsm {width:60px}

label.lbl_sm {width:120px}

label.lbl_med {width:205px}

label.lbl_lg {width:285px}

label.hidden {display:none;}

label.hilite {background:white;padding:3px 0;}



input {float:left;margin:0;padding:3px;}

input.input_vsm {width:70px}

input.input_sm {width:112px}

input.input_med {width:200px}

input.input_lg {width:280px}

input.taken {border:1px solid red;}

input.available {border:1px solid green;}



select {float:none;margin:0 10px 0 0;padding:2px;}

select.slt_vsm {width:60px}

select.slt_sm {width:120px}

select.slt_med {width:210px}

select.slt_lg {width:285px}



input.chk {float:none;border:0;}



/**/



/*search box on the home page*/



p.inputs.big {width:auto;}

p.inputs.big label {text-align:right;font-size:15px;padding:4px 0 0 0;}

p.inputs.big input.input_med {width:200px; margin:0 10px 0 0;font-size:15px;}

p.inputs.big input.btn-std {font-size:15px;}



/* Custom Buttons*/      



a.btn-std, span.btn-std {display:block;float:left;clear:none;font-size:12px;height:31px;text-decoration:none;font-weight:normal;color:#565656;cursor:pointer; /* Links */padding: 0 12px 0 0;margin:0;background: transparent url('../images/bg-btn-set-right.png') no-repeat scroll right bottom;border:none;/*for inputs*/}

a.btn-std span, input.btn-std, input.btn-std:focus {background:transparent url('../images/bg-btn-set-left.png') no-repeat scroll left bottom; display: block;line-height: 33px;font-weight:normal;margin:0;padding:0 0 0 12px;height:31px;border:none;color:#565656;cursor:pointer;}

ul.records_brief li td a.btn-std, ul.records_brief li td span.btn-std {width:90%;}

a.btn-std:hover, span.btn-std:hover {background: transparent url('../images/bg-btn-set-right.png') no-repeat scroll right top; }

a.btn-std:hover span, input.btn-std:hover {background: transparent url('../images/bg-btn-set-left.png') no-repeat scroll left top; }

input.btn-std {padding-bottom:0;font-size:12px;}



/*Login special*/

form.login p.inputs {background-color:transparent;}



/*for lists in form in expander list*/

form ul{list-style-type:none;}

ul.fields li {display:inline;}



/*Hoverbox special*/

div.informationBox span.btn-std {float:right;}



/* --------------------------------------------------------------   
  * Tables      
-------------------------------------------------------------- */



table {width:100%;color:#678197;background:#ffffff;/*border:1px solid #e5eff8;border-bottom:none;border-top:none;border-left:none;margin:0;*/border-collapse:separate;}

th, td {/*padding:.3em 1em;*/ }

th {/*background:#f4f9fe;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;font-size:1.1em;*/font-weight:bold;color:#666666;}

td {/*border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;border-left:1px solid #e5eff8;vertical-align:top;*/font-size:inherit;}


/* --------------------------------------------------------------   
   * Overides      
-------------------------------------------------------------- */
#content {font-size:inherit;}

body.stripes {background:transparent url(../images/civicacss/bg-body.gif) repeat scroll 0 0;}

body.my-courses {background:transparent url(../images/civicacss/bg-body.gif) repeat scroll 0 0;}

#login-left-col h1 {margin:0 0 25px 0;}

#login-content { background:transparent url(../images/civicacss/body_bg.jpg) repeat-y scroll 0 0;
font-size:inherit;line-height:inherit;text-align:justify;}

#login-left-col {float:left;margin-top:5px;padding-left:25px;width:415px;}

#login-right-col {background:0;float:right;height:450px;margin:0;width:220px;padding:0 25px 0 0}
#login-right-col p.version {color:inherit;font-size:11px;margin:0;text-align:right;}
#login-right-col h2 {color:#000000;margin:50px 0 10px;text-align:right;}
#login-right-col p {margin:0 0 10px 0;text-align:right;font-weight:bold;color:#111111;}
#login-right-col p.first {margin:0 0 10px 0;}
#login-right-col p.login-button {margin:0 0 10px 0;font-weight:normal;}


input {float:none;margin:0;padding:3px;}

#login-right-col a.button {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
#login-right-col a.button:hover {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;border:solid 1px #cccccc;color:#ffffff;text-decoration:none;cursor:pointer}

textarea, select, input {
background:#FFFFFF url(../images/civicacss/bg-input.gif) repeat-x scroll left top;padding:5px;}
a.button {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}

#login-page #footer p { color:inherit;font-size:11px;text-align:left;}
#footer a {border:0;color:inherit;}

/*welcome page*/

.user-img {background:transparent url(../images/civicacss/icon-teacher.png) no-repeat scroll 0 3px;
font-size:13px;margin-right:5px;padding:8px 0 0 32px;}

#page-mycourses {background:transparent url(../images/civicacss/logo-vltrek.png) no-repeat scroll 50px 0px;
margin:25px auto;padding:5px 0 0 0;max-width:1024px;min-width:707px;width:100%;}

.course-bg {background:#FFFFFF url(../images/civicacss/bg-input.gif) repeat-x scroll left top; margin-bottom:20px;margin-left:0;margin-top:15px;width:100%;border:1px solid #e3e3e3;}

.box {margin:0;min-height:100px;padding:20px;}

#content a.show-all-groups-button {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
#content a.show-all-groups-button:hover {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;border:solid 1px #cccccc;color:#ffffff;padding:5px 20px 6px;text-decoration:none;cursor:pointer}
#content a.show-all-groups-button {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
/*the links nav*/

#content a {font-size:inherit;border-bottom:1px dotted #454545;color:#0033cc;text-decoration:none;}
#content a:hover {border-bottom:1px solid #454545;color:#3300cc;text-decoration:none;}

.welcome {background-color:#33FFFF;margin:0 0 35px;}
.user-img {background:transparent url(../images/civicacss/icon-teacher.png) no-repeat scroll 0 3px;
margin-right:5px;padding:5px 0 5px 25px;}


#nav-right {height:32px;margin-top:30px;width:100%;}

.tab-left, .tab-right, .tab-left-highlight, .tab-right-highlight, .tab-left-selected, .tab-right-selected {display:none;} 

.tab-middle {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;height:auto;padding:6px 1px 7px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.tab-middle-highlight {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 50%;height:auto;padding:6px 1px 7px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.tab-middle-selected {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;height:auto;padding:6px 1px 7px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}

.nav-box-right {float:right;height:31px;margin-left:3px;margin-right:-1px;margin-top:0px;text-align:center;width:auto;}

#header-my-courses {margin-bottom:-1px;}

.row {overflow:hidden;padding:10px 0;voice-family:inherit;}

.space-top {padding-top:0px;}

#page-mycourses #footer p { color:inherit;font-size:11px;text-align:left;}

td p {font-size:inherit;line-height:inherit;padding:0;}

/*change button styles*/
input.button {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
input.button:hover {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;border:solid 1px #cccccc;color:#ffffff;text-decoration:none;cursor:pointer}

/*manage groups*/

table.tablesorter-admin {width:100%;color:#678197;background:#ffffff;border:1px solid #e5eff8;border-bottom:none;border-left:none;margin:0;border-collapse:separate;}

table.tablesorter-admin thead tr .header {background-color:#f4f9fe;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;border-top:0;border-right:0;font-size:1.1em;font-weight:bold;color:#666666;}
/*and a another rule to overwrite*/
table.tablesorter-admin thead th {background-color:#f4f9fe;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;border-top:0;border-right:0;font-size:1.1em;font-weight:bold;color:#666666;}


table.tablesorter-admin td {
background:transparent url(../images/civicacss/greyfade_bg.jpg) repeat-x scroll 3px 0;
border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;border-left:1px solid #e5eff8;vertical-align:top;font-size:inherit;}

.indentPad {margin:5px 0;padding-top:10px;}


table.alternative-color {margin-top:0;padding:0;border:1px solid #e3e3e3;border-left:0;border-bottom:0;}
table.alternative-color th {background:0 /*transparent url(../images/civicacss/green_bg.jpg) repeat-x scroll 0 0*/;
border:1px solid #e3e3e3;border-right:0;border-top:0;color:#454545;font-size:inherit;height:30px;
padding-left:15px;}
table.alternative-color td {background:0 /*transparent url(../images/civicacss/green_bg.jpg) repeat-x scroll 0 0*/;
border:1px solid #e3e3e3;border-right:0;border-top:0;color:inherit;font-size:inherit;height:30px;
padding-left:15px;}

table.infoDisplay {margin-top:0;padding:0;border:1px solid #e3e3e3;border-left:0;border-bottom:0;}
table.infoDisplay th {background:0 /*transparent url(../images/civicacss/green_bg.jpg) repeat-x scroll 0 0*/;
border:1px solid #e3e3e3;border-right:0;border-top:0;color:#454545;font-size:inherit;height:30px;
padding-left:15px;}
table.infoDisplay td {background:0 /*transparent url(../images/civicacss/green_bg.jpg) repeat-x scroll 0 0*/;
border:1px solid #e3e3e3;border-right:0;border-top:0;color:inherit;font-size:inherit;height:30px;
padding-left:15px;}
table.infoDisplay {margin-left:0px;padding-top:0px;width:100%;}

#content h2 {text-align:left;}
#content form p {text-align:right;}

#pager {margin-top:5px;}


#content a.button{background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
#content a.button:hover{background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}

#content a.more-actions-button {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
#content a.more-actions-button:hover {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;border:solid 1px #cccccc;color:#ffffff;text-decoration:none;cursor:pointer}
#content a.more-actions-button {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}

a.button-add-item {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 top;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
a.button-add-item:hover {background:transparent url(../images/civicacss/bg-nav-set.gif) repeat-x scroll 0 bottom;border:solid 1px #bbbbbb;color:#454545;padding:5px 20px 6px;text-decoration:none;}
a.button-add-item {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}


/*heading styles for wysywg*/


h1 {color:black;font-size:18px;margin:0 0 10px 0;padding:0;}
h2 {color:green;font-size:18px;margin:0 0 10px 0;padding:0;} 
h3 {color:red;font-size:18px;margin:0 0 10px 0;padding:0;}
 
h4 {color:black;font-size:16px;margin:0 0 8px 0;padding:0;}
h5 {color:green;font-size:16px;margin:0 0 8px 0;padding:0;}
h6 {color:red;font-size:16px;margin:0 0 8px 0;padding:0;}

h7 {color:black;font-size:13px;margin:0 0 6px 0;padding:0;}
h8 {color:green;font-size:13px;margin:0 0 6px 0;padding:0;}
h9 {color:red;font-size:13px;margin:0 0 6px 0;padding:0;}