body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 12px  Arial, Helvetica, sans-serif;
	color: #555555; 
	background: #F7F7F7 url(images/pagebg.png) repeat-y 50% 0;
	line-height:normal; 
}

.bodyclear
{
	background-color: White; 
	background-image: none; 
}

table 
{
	border-collapse: collapse;
}

td
{
	font: 12px  Arial, Helvetica, sans-serif;
}

th
{
	font: 12px  Arial, Helvetica, sans-serif;
}

h1 {
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-weight: bold;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
h4 {
	width: auto;
	font-weight: bold;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

hr
{
	color: #CCCCCC;
	border: 0px;
	background-color: #CCCCCC;
	height: 2px;
}

p
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 16px;
}

ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	margin-bottom: 10px;
	list-style-image: url("images/bullet.gif")  ; 
	list-style-type:inherit; 
	list-style-position: outside; 
}

ol
{
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	margin-bottom: 16px;
}

li
{
	padding-top: 0px;
	padding-bottom: 3px;
}

form
{
    margin: 0px;
	padding: 0px;
}

input
{
    margin: 0px;
	padding: 0px;
}

.container
{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	border:2;
}

#headercontent
{
	margin: 0;
	padding: 0;
	height: 106px;
	background: url(images/top_banner_background_outside.gif) repeat-x ;	
}

#searchcontent
{
		
}


#maincontent
{
	background: url(images/contentbg.png) repeat-y ;	
}

.content
{
	width: 767px;
	margin: auto;
	padding: 0px;
}

.leftcontent
{
	padding: 5px;
	padding-left: 5px;
	
	float: left;
	width: 190px;
	height: 100%;
	
	background-color: #FBFBFB;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	
}

.rightcontent
{
	padding: 10px;
	
	float: left;
	width: 543px;
	height: 100%;
	
	background-color: White;
}

.rightcontent .box
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	border: 1px solid #999999;
	margin-bottom: 16px;
}

.endcontent
{
	clear: both; 
}

#footercontent
{
	margin: 0px;
	padding: 0px;
	height: 20px;
	background: url(images/bottom_banner_background_outside.gif) repeat-x ;	
}

#footerbar
{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	color: White;
	text-align: center; 
	font-weight: normal;
	font-size: 9px;
	
}

#footerbelowbar
{
	padding:  5px 30px 7px 30px;
	text-align: center; 
	font-weight: normal;
	font-size: 10px;
}

.bismillahcenter 
{
	text-align: center;
}

.headertop
{
	padding: 0px;
	margin: 0px; 
	font-size: 8px;
	height: 10px;
	text-align: center;
	color: white;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

.floatheader
{
	float: inherit;
	position: relative;
	top: -1px;
}

.headermiddle
{
	padding: 0px; 
	margin: 0px; 
	height: 96px;
}

.contenboxheader
{
  border: 1px solid #CCC;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  border-bottom: 0px;
  margin: 0; 
  padding: 0 6px;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  width: 100%; 

}

.contentbox
{
	border: 1px solid #CCC;
	margin: 0; 
	padding: 5px; 
	background: white; 
	margin-bottom: 10px; 
	
}

.shadedbox
{
    border:  1px solid #CCC;
    background-color: #efefef; 
    padding: 20px; 
    margin: 20px;   
}

/*Content Post Style*/
DIV.post
{
	border: silver 1px solid;
	padding: 1px;
	margin-bottom: 10px;
}
DIV.posttop
{
	padding: 4px;
	background: #eeeeee;
	margin-bottom: 1px; 
}
DIV.posttopleft
{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: auto;
}
DIV.posttopright
{
	width: auto;
	text-align: right;
}
DIV.posttext
{
	border-top: silver 1px solid;
	padding: 4px;
	background: #fefefe;

}
DIV.posthighlight
{
	padding-right: 4px;
	padding-left: 4px;
	background: #ffffcc;
	padding-bottom: 4px;
	padding-top: 4px;
}


/*Link Styles*/
a
{
	color: #06c;
	border-bottom: #ccc 0px solid;
	text-decoration: none;
}

a:visited
{
	color: #96c;
}

a:hover
{
	border-color: #06c;
	text-decoration: underline;
}

a:hover:visited
{
	border-color: #96c;
}
/*END Link Styles*/

.smalltext
{
	font-size: 9px;
	text-decoration: none;
}
.redtext
{
    color: Red;     
}
.question
{
	font: bold;
}
.answer
{
	padding-bottom: 10px; 
}
.divcenter
{
	text-align:center; 	
}
.pad5
{
	margin: 0; 
	padding: 0;
	margin-bottom: 5px; 	
}
.pad10
{
	margin: 0; 
	padding: 0;
	margin-bottom: 10px; 	
}

.entrygradient
{
	background: url(images/EntryGradient.jpg)  ;	
	background-repeat: no-repeat; 
	padding: 5px 0px 5px 7px; 
	margin:  20px 5px 5px 5px
}

.specialentrygradient
{
	background: url(images/SpecialEntryGradient.jpg)  ;	
	background-repeat: no-repeat; 
	padding: 5px 0px 5px 7px; 
	margin: 5px 5px 5px 5px
}

.greysplit
{
	background: url(images/grey_split_small.gif)  ;	
	background-repeat: no-repeat;
	padding-top: 3px; 
	margin-top: 3px; 
}

.gradienttitle
{
	font: bold 11px  Verdana,Arial, Helvetica, sans-serif;
	padding-bottom: 10px; 
}

.tbltutorform
{
	width: 100%	; 
	border-collapse: collapse; 
	padding: 3px; 
	
}

.tbltutorform td
{
    padding: 3px; 

}


.tbltutorform .leftcol
{
	width: 110px; 
	white-space: nowrap; 
	text-align: right; 
	padding-right: 5px; 
}

.tbltutorform .rightcol
{
	text-align: left; 
}

.tip
{
	font-size: 8pt;
	font-style: italic; 
	
}

form fieldset{
	background-color:#efefef;

	font-size:12px;
		
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend{	
	background-color:#ffffff;
	
	border-width:1px;
	border-style:solid;
	border-color:#aaaaaa;
	
	color:#555555;
	font-weight:bold;
	font-size: larger; 
		
	padding:1px 5px 3px 3px ; 
	margin:0px 0px 0px 0px;
	position:relative;
	top: -10px;
	left: -5px; 
	
}

.fieldsetlabel {
	font-size:80%;
	
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:6px 5px 0px 0px;
}

/*Admin Graph*/
.graphdiv
{
    padding: 5px; 
    background-position:center;
    background-image: url(Images/threshold.png); 
    background-repeat: repeat-y; 
    }
.graphContainer
{
    /* - For a thrshold background
    background-position:center;
    background-image: url(Images/threshold.png); 
    background-repeat: repeat-y; 
    */
    
}



.graphDate, .graphBar, .graphHours
{
    font-size: 12px;
    font-family: 'Arial Black';
    margin: 2px;
}

.graphDate
{
    clear: left;
    float: Left;
    color: black;
    width: 75px;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px; 
    
}

.graphBar
{
    float: left;
}

.graphHours
{
    float: left
}
.bar
{
    padding-left: 3px;
    padding-right: 3px; 
    background-color: #002255;
    color: White;
}

.bar-no-calls
{
    background-color: White;
    color: Red;
}

.bar-low-calls
{
    background-color: Red;
}

.bar-good-job
{
    background-color: Green;
}

/*File Explorer Styles*/
.filecontainer
{
	border: solid 1px #ccc;
	margin-bottom: 10px; 
}

.fileinfo
{
	background: #efefef;
	border: solid 1px #fff;
	padding: 0;
	margin: 0;
	width: 100%;
}

.fileinfo td
{
	padding-right: 5px;
	padding-left: 5px;
	white-space: nowrap;
}

.filename
{
	width: 85%;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	font-weight:bolder; 
}

.filesize
{
	width: 10%;
	border-left: solid 1px #fff;
	text-align: right; 
	font-weight:bolder; 
}


.fileplayer
{
	padding: 0;
	margin: 0;
	width: 100%;
	background: #fefefe;
}

.fileplayer td
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px; 
	white-space: nowrap;
}

.fileplayerflash
{
	width: 80%;

}

.filedownload
{
	width: 150px;
	border-left: solid 1px #ccc;
	text-align:center; 
	padding-right: 15px; 
}

#AdminMenu ul, #AdminMenu ul li { font-size:14px;}

#AdminMenu>ul>li { margin-right:10px;}
#AdminMenu>ul>li li { background:#e0e0e0; padding:5px 10px;}
#AdminMenu>ul>li li:hover { background:#c4dbff;}

#AdminMenuSE ul, #AdminMenuSE ul li { font-size:14px;}

#AdminMenuSE>ul>li { margin-right:10px;}
#AdminMenuSE>ul>li li { background:#e0e0e0; padding:5px 10px;}
#AdminMenuSE>ul>li li:hover { background:#c4dbff;}