/* Practice wise MATCH Website

Author: Christina Reeser
Date Created: 3/22/2008
Copyright: PracticeWise All rights reserved. */

/* ---------->>> GLOBAL <<<-----------*/

* { margin: 0; padding: 0;}

html, body { margin: 0; padding: 0; height: 100%;}

body {
 background-color: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, li, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}
	
p { padding-bottom: 15px; }
li, dd { margin-left:5%; padding: 0; }
fieldset { padding: .5em; }
a { color: #3E5571; }



/* ---------->>> MAIN DIVS <<<-----------*/


#wrapper { 
margin: 0 auto;
padding: 10px;
margin-bottom: 0;
}

#header { 
 }

#controls {  
 position: fixed;
 overflow: auto;
 height: 95%;
 color: #fff;
 line-height: 24px;
 background-color: #3E5571;
 padding: 5px;
 width: 195px;
 float: left;
}

#rightcol { 
 margin-left: 215px;	
}

#mainevents, #othertips  { 
 background-color: #F9DC81; 
 padding: 10px; 
 margin-bottom: 10px;
 }

#othertips { 
 background-color: #87D5D5; 
 }
 
/* ---------->>> PARENT CLASSES <<<-----------*/
 
.basic {
	display: none; 
	background-color: #fff;
 	padding: 15px;
	margin-bottom: 10px;
  }
  
#timetight { 
 }

/* ---------->>> HEADER ITEMS <<<-----------*/
	
h1 { }
	
	#header h1, #header h1 a {
	font: bold 16px Verdana;
	background-color: #F9DC81;
	font-size: 22px;
	color: #000;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	}

h2 { 
	font: bold 14px Verdana;
	margin-bottom: 10px;
	color: #3E5571;
}

h2 span, h2 span a {
	font-size: 12px; font-weight: normal;
}

h2.bar { 
	background: url(h1_bg.gif) top center repeat-x;
	color: #000;
	padding: 5px;
	}
	
h3 { 
	font: bold 12px Verdana;
	margin-bottom: 10px;
	color: #3E5571;
}

p { }
	.script p { padding: 5px;}
	.script2 p { padding: 5px;}

a { }
	#controls a { color: #fff; }
	
	sup a { color: #666; text-decoration: none; background-color: #eee; padding: 0 1px;}

/* -->>>   This is how we hide tose spanish pdf links...<<< --*/
	sup a { display : none !important; height: 0px; text-index: -9000px;}


ul { }
	#controls ul { 
	list-style-type: none;
	}
	
	li li { margin-left: 15px;}


/* ---------->>> TABLES <<<-----------*/

#mainsteps {
 overflow: auto;
 }

table.check, table.data, table.materialtable {
	border-collapse: collapse;
	margin-top: 15px;
	margin-right: 30px;
	width: auto;
	height: auto;
}

tbody {
	border: 0px solid #ddd;
 }

table.check { 
	float: left;
}

table.check td, table.data td, table.materialtable td {
	padding: 6px;	
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

 table.materialtable {
 width: 95%;
}

table.materialtable th { border: 0px solid green !important;}

table.check th { 
	text-align: left; 
	padding-bottom: 10px; 
	font-weight: normal;
}

tr { 
	vertical-align: top;
	}

tr.activityrow { background-color: #ffc;}
tr.assignmentrow { background: #acc;}

span[class ="assignment"] {
   font-weight: normal; font-style: italic;
   padding-left: 18px;
   background: transparent url(../images/house.png) no-repeat top left;
}

span[class ="activity"] {
   font-weight: normal; font-style: italic;
   padding-left: 18px;
   background: transparent url(../images/star.png) no-repeat top left;
}

.tdfirst input { float: left; }
.stepname { display: block; margin-left: 20px; font-weight: bold; }

.script, .script2 {
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 margin: 5px;
 margin-left: 20px;
 font-style: italic;
}

.cue {
 margin: 5px;
 margin-left: 20px;
}

.cuename, .numonic { color: #3E5571; }
.numonic {font-weight: bold;  color: #000;}

label.parent, label.isparent  { font-weight: bold; color: #ffc}
label.child { font-weight: normal;}


/*---------- CSS Selectors -----------

a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(../images/icon_pdf.gif) no-repeat top left;
}

h1 a[href $='.pdf'], .buttongroup a[href $='.pdf'] { 
   background: none;
   padding: 0;
}

a[class ="popup"] {
   padding-left: 18px;
   background: transparent url(../images/icon_external.gif) no-repeat top left;
}


---------->>> TOOLTIP STYLE ELEMENTS <<<-----------*/



#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    swidth:300px;
    border:1px solid;
    background:white;
    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:dimgray;
	z-index: 100;
	}
#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
	}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
	}
#tooltip.default{
    border:3px solid white;
    background:whitesmoke;
    color:gray;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
    margin-top:2px;
	}
#tooltip.default #ttimg.top{
	position:absolute;
		margin-top:-8px;
    margin-left:-8px
	}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
	}





/*---------- BUTTON STYLES -----------*/

.buttongroup { 
  float: right; 	
  }

a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: top; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
}

.button {
  color: #000;
  background-color: #acc;
  padding: 5px;
  font: bold 10px/11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.button img {
	margin-bottom: -5px;
}

.button:hover, .button2:hover {
  background-color: #cee;
} 

/* ---------->>> MISC <<<-----------*/

.clear { clear: both; background: none; }

.title {
 font-weight: bold;
 font-style: italic;
}