﻿A:link    {text-decoration: none; color: #918E5B; font-weight: normal; font-family: Arial; font-size:8pt}
A:visited {text-decoration: none; color: #918E5B; font-weight: normal; font-family: Arial; font-size:8pt}
A:active  {text-decoration: underline; color: #FFFFFF; font-weight: normal; font-family: Arial; font-size:8pt}
A:hover   {text-decoration: underline; color: #FFFFFF; font-weight: normal; font-family: Arial; font-size:8pt}

.B:link    {text-decoration: none; color:gray; font-weight: normal; font-family: Arial}
.B:visited {text-decoration: none; color: gray; font-weight: normal; font-family: Arial}
.B:active  {text-decoration: underline; color: white; font-weight: normal; font-family: Arial}
.B:hover   {text-decoration: underline; color: white; font-weight: normal; font-family: Arial}
  
BODY
{
 margin : 10px 10px 10px 10px;
	height: 100%;
	background-color: #140A19;
	color: gray;
	font-family: Arial;
	font-size: 8pt;
	scrollbar-base-color: #300000;
	scrollbar-arrow-color: #909090;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #202020;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #505050;
    scrollbar-shadow-color: #505050;
    scrollbar-track-color: #000000;
    background: #140A19;
    /*background: 1e1e1e url(images/background_main.jpg) repeat-y center top;*/
}

HR
{
	border: solid 1px #100A19;
}


/* This section sets the style for the site layout */
.header
{
	height: 265px;
	
	border-bottom: solid 0px #000000;
	border-top: solid 0px #000000;
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;	
	background-color: #140A19;
	vertical-align: top;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

.navbar
{
	height: 20px;
	width: 100%;
	border-bottom: solid 1px #442764;
	border-top: solid 1px #442764;
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;	
	background-color: #100A19;
	font-size: x-small;
	text-align: center;
	/*background-image: url(http://www.brokenteeth.com/images/control_header.jpg);
	background-repeat:repeat-x;*/
	
}

.left
{
	width: 1%;
	border-right: solid 1px #100A19;
	border-left: solid 0px #000000;	
	border-bottom: solid 0px #000000;		
	border-top: solid 0px #000000;		
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	vertical-align: top;
	text-align: center;
	background-color: #000000;


}

.right
{
	width: 1%;
	border-left: solid 1px #505050;
	border-right: solid 0px #000000;		
	border-bottom: solid 0px #000000;		
	border-top: solid 0px #000000;		
	background-color: #101010;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 5px;
	vertical-align: top;
	text-align: center;
}

.content
{
	width: 98%;
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;	
	border-bottom: solid 0px #000000;	
	border-top: solid 0px #000000;	
	background-color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: top;
	font-family: Arial;
	font-size: 8pt;
	color: Gray;
}

.footer
{
	height: 20px;
	border-top: solid 1px #442764;
	border-bottom: solid 0px #000000;		
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;			
	background-color: #100A19;
	padding-left: 3px;
	padding-top: 5px;
	text-align: center;

}

.rightbig
{
	width: 40%;
	border-left: solid 1px #505050;
	border-right: solid 0px #000000;		
	border-bottom: solid 0px #000000;		
	border-top: solid 0px #000000;		
	background-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	vertical-align: top;
	text-align: center;
}

.contentsmall
{
	width: 50%;
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;	
	border-bottom: solid 0px #000000;	
	border-top: solid 0px #000000;	
	background-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}




/* Buttons */
.btn
{
	background-color: #100A19;
	border: solid 1px #442764;
	font-family: Arial;
	font-size: 8pt;
	color: silver;
}

.btn2
{
	background-color: #151515;
	border: solid 1px #404040;
	font-family: Arial;
	font-size: 8pt;
	color: #CC6600;
	background-image: url(http://www.brokenteeth.com/images/control_header.jpg);
	background-repeat:repeat-x;	
}

.btnhyper
{
	background-color: black;
	border: solid 1px #505050;
	font-family: Arial;
	font-size: 8pt;
	color: silver;
	background-image: url(http://www.brokenteeth.com/images/control_header.jpg);
	background-repeat:repeat-x;
}

.btnhyper2
{
	background-color: black;
	font-family: Arial;
	font-size: 8pt;
	color: silver;
	border: solid 2px #CC6633;
	background-image: url(http://www.brokenteeth.com/images/control_header.jpg);
	background-repeat:repeat-x;	
}

/* Drop Down Lists*/
.dropdown
{
	color: silver;
	background-color: #101010;
	border: solid 1px #023659;
}

/* TextBox Used for Input */
.txtboxinput
{
	background-color: #101010;
	border: solid 1px #442764;
	font-family: Arial;
	font-size: 8pt;
	color: white;
}

/* Checkbox */
.chkbox
{
	font-family: Arial;
	font-size: 8pt;
	color: gray;
}

/* TextBoxes used for headers */
.txtboxheader
{
	background-color: #151515;
	border: solid 1px #023659;
	font-family: Arial;
	font-size: 8pt;
	color: silver;
}

/* Horizontal Rule */
.hline
{
	color : #303030;
}

/* Important Text */  
.H1	
{	
	color: #CC6633;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight: bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

.H2
{	
	color: #CC6633;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight: bold;
	font-style:	normal;
	text-decoration:	underline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
	
/* Normal site text (should be the same color as the body color) */	
.txt1	
{	
	color: gray;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

/* Different Color Text */
.txt2	
{	
	color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

/* Dim Text */
.txtdim	
{	
	color: #332052;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

/* Bright Text */
.txtbright
{	
	color: #BBBBBB;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

/* Validation Text */
.val
{	
	color: red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

/* Used occasionally in site */
.txt3	
{	
	color: #918E5B;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight: bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}

/* Horizontal Divider */
.hdivider
{
	background-image: url(http://www.brokenteeth.com/images/greylines.jpg);
	background-repeat:repeat-x;
	height: 7px;
}

/* Table Header */
.thead
{	
	color: white;
	height: 20px;
	background-color: #100A19;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #442764;
	padding-left: 5px;
	padding-right: 5px;

}	

.theadblack
{	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #000000;
	padding-left: 5px;
	padding-right: 5px;

}	

.theadnocenter
{	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #023659;
	background-image: url(images/control_header.jpg);
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;

}	

/* Table Header - No Border */
.theadnoborder
{	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	background-image: url(images/control_header.jpg);
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;

}	

/* Table Header - No Bold */
.theadnobold
{	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #023659;
	background-image: url(images/control_header.jpg);
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;

}	


/* Table Footer */
.tfooter
{	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #100A19;
	background-image: url(images/control_footer.jpg);
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;

}	

/* Table Footer */
.tfooternoborder
{	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	background-image: url(images/control_footer.jpg);
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;

}	

/* Table Header - No Border */
.tblpager
{	
	color: gray;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #023659;
	background-image: url(images/control_header.jpg);
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;

}	

/* Tables rows */
.tblmain
{	
	color: gray;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #442764;

}	

/* Tables rows - used as main class for entire table */
.tbl
{	
	color: gray;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #023659;

}	

/* Tables rows centered - used as main class for entire table - center */
.tblcenter
{	
	color: gray;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #023659;

}	

/* Tables that have color */
.tblcolor
{	
	color: #999999;
	background-color: #101010;
	border-color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #023659;
	padding: 2px, 2px, 2px, 2px;
}	

/* Invisible Table */
.tblinvis
{	
	color: gray;
	background-color: #000000;
	border-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 0px #000000;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}	

/* Datagrids that are meant to be transparent on the site */
.dgclear
{
	color: #999999;
	background-color: Black;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style:none
}

.dgclearheader
{
	color: white;
	background-color: Black;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: bold;
	font-style:normal;
	text-decoration:	underline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
}

.dgclearfooter
{
	color: white;
	background-color: #252525;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: bold;
	font-style:normal;
	text-decoration:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
}

.dgclearitem
{
	color: #999999;
	background-color: Black;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
}

/* DataGrids with no gridlines and show headers, alternating colors */
.dg
{
	color: #999999;
	background-color: Black;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-left: solid 1px #100A19;
	border-right: solid 1px #100A19;
}

.dgheader
{
	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: bold;
	font-style:normal;
	text-decoration:	none;
	text-align: left;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
	background-image: url(images/control_header.jpg);
	background-repeat:repeat-x;
	
}

.dgheadercenter
{
	
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: bold;
	font-style:normal;
	text-decoration:	none;
	text-align: center;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
	background-image: url(http://www.brokenteeth.com/images/control_header.jpg);
	background-repeat:repeat-x;
	
}

.dgfooter
{
	color: white;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: bold;
	font-style:normal;
	text-decoration:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-align: center;
	border-style: none;
	/*background-image: url(http://www.brokenteeth.com/images/control_footer.jpg);*/
	background-repeat:repeat-x;
}

.dgitem
{
	color: #999999;
	background-color: #000000;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	text-align: left;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
	
	
}

.dgaltitem
{
	color: #999999;
	background-color: #151515;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	text-align: left;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-style: none;
	
}	

.dgselecteditem
{
	color: #999999;
	background-color: #202020;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	text-align: left;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 1px #505050;
	
}

/* DataGrids with gridlines*/

.dglines
{
	color: gray;
	border: solid 1px #303030;
	font-family: Arial, Verdana;
	font-size:	8pt;
	font-weight: normal;
	font-style:normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}

.dglines td
{
	border-bottom: solid 1px #303030;
	border-top: solid 1px #000000;
}


/* Image Properties */
.img
{
    border: solid 1px #442764;
}

.imgborder
{
	border: solid 1px #442764;
}

.imgborderdim
{
	border: solid 1px #303030;
}

/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

/* Picture at the top of the site */
#poster
{
    background: url(images/teethy.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 726px;
    height: 92px;
    margin-top: 5px;
    border: solid 1px #9B0705;
}

/* Navigation strips */
#navtop, #navbottom
{
    background: #000000 url(images/control_header2.jpg) repeat-x;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
    width: 726px;
    height: 25px;
    border-left: solid 1px #9B0705;
    border-right: solid 1px #9B0705;
    border-bottom: solid 1px #9B0705;
    border-top: solid 1px #7C0003;

}
#navbottom
{
    margin-top: 0px;
    border-top: solid 1px #9B0705;
}

#footer
{
    width: 726px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: #909090;
}

/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul, #navbottom ul
{
    margin: 0px;
    padding-top: 9px;
    list-style-type: none;
    height: 19px;
    text-align: center;
}
#navtop ul li, #navbottom ul li
{
    display: inline;
    color: #FFFFFF;
    margin-right: 25px;
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color: white;
    text-decoration: none;
}
#navtop a:hover, #navbottom a:hover
{
    color: white;
    text-decoration: underline;
}
#navtop a:active, #navbottom a:active
{
    color: white;
    text-decoration: underline;
}

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */
#body
{
    width: 732px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
    position: relative; 
    background: #031E2B;
}

#main
{
    width: 750px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative; 
    background: #031E2B;
    border: solid 1px #9B0705;
}

#container
{
    background: #000000 url(images/background_columnright.jpg) repeat-y;
}

/* 2 column layout */
#columnleft
{
    float: left;
    width: 240px;
    /*position: relative; */
}

#columnright
{
    margin-left: 245px;
  /*  position:relative; */

}

.leftblock
{
    /*border: 1px solid #505050;*/
    padding: 15px;
    margin-bottom: 10px;
    /*background: #000000 url(images/background_columnright.jpg) repeat-y;*/
    vertical-align: top;
}

 .rightblock
{
    border: 1px solid #303030;
    padding: 15px;
    margin-bottom: 10px;
    /*background: #000000 url(images/background_columnright.jpg) repeat-y;*/
    background: #000000 url(images/control_header.jpg) repeat-x;

    position: relative;
    width:446px;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
    

/* A full width block on the page */

.fullwidth, #fullwidth
{
    border: 1px solid #023659;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    background: #000000;
    /*background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}