/*---------------------------------------
Elements
-----------------------------------------*/
hr
{
    height: 1px;
    color: #CDCDCD;
}
p
{
     margin: 0px 0px 0px 0px;   
}
body
{
	font-family: Verdana;
    font-size: 12px;
    font-weight: normal; 
}

#container 
{
    display: table;
}

#row  
{
    display: table-row;
}

#left, #right, #middle 
{
    display: table-cell;
}
/*---------------------------------------
TEXT SIZES
-----------------------------------------*/
.Tiny
{
    font-family: Verdana;
    font-size: 8px;
    font-weight: normal; 
}
.AlmostTiny
{
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal; 
}
.AlmostTinyWhite
{
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal; 
    color:#EBE7E0;
}
.Small
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal; 
}
.SmallBold
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold; 
}
.SmallMedium
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal; 
}
.SmallMediumBold
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold; 
}
.Medium
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;   
}
.MediumLink
{
	font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    cursor:hand;
    color:Black;
    text-decoration:none;
}
.MediumLinkBold
{
	font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    cursor:hand;
    color:Black;
    text-decoration:none;
}
.MediumGoldLink
{
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #806027;
	text-decoration:underline;
	cursor:hand;
}
.MediumBold
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;   
}
.MediumBoldWhite
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;   
    color:White;
}
.MediumLargeUpperBold
{
    font-family: ARIAL;
    font-size: 14px;
    font-weight: bold;   
    text-transform: uppercase;
}
.LargeBold
{
    font-family: ARIAL;
    font-size: 18px;
    font-weight: bold;   
}
.Large
{
	font-family: ARIAL;
    font-size: 28px;

}
.Huge
{
    font-family: ARIAL;
    font-size: 28px;
    font-weight: bold; 
}
    

/*---------------------------------------
NATIVE CONTROLS
-----------------------------------------*/
.TextBox
{
  font-size: 10px;
  font-family: Verdana;
  color: Black;   
}
.Button
{
    background-color: #787878;
    color: White;
    font-family: Verdana;
    border: solid 1px #676767;
    font-weight:normal;
    font-size: 10px;
    text-transform: uppercase;
}
.Button1
{
    background-color: #C78F2F;
    color: Black;
    font-family: Verdana;
    border: solid 1px #676767;
    font-weight:normal;
    font-size: 10px;
    text-transform: uppercase;
}
.InvertedButton
{
    background-color: #ffcc00;
    color: #000000;
    font-family: Verdana;
    border: solid 1px #676767;
    font-weight:normal;
    font-size: 10px;
    text-transform: uppercase;
}
.ListBox
{
    font-size: 10px;
    font-family: Verdana;
    border: solid 1px #121212;   
}
.ComboBox
{
    font-size: 10px;
    font-family: Verdana;
    border: solid 1px #121212;   
}
.CheckBox
{
    font-size: 10px;
    font-family: Verdana;
}


/*---------------------------------------
MISC STYLES
-----------------------------------------*/
.ImageHover
{
    cursor: hand;
    filter: Alpha(enabled=1,opacity=70);
}
.ImageNormal
{
    cursor: hand;
    cursor: pointer;
    filter: Alpha(enabled=0);  
}

.TitleBoxHeader
{
    background-color: #000000;
    color: #ffcc00;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    padding: 0px 2px 0px 2px;
    vertical-align: middle; 
    width: 121px;
    height: 25px; 
}

A.TitleBoxHeader:link { text-decoration:none; color: #ffcc00;}
A.TitleBoxHeader:visited {text-decoration:none; color: #ffcc00;}
A.TitleBoxHeader:active {text-decoration:none; color: #ffcc00;}
A.TitleBoxHeader:hover {text-decoration:none; color: #FFFFFF; cursor:hand;}

.InvertedTitleBoxHeader
{
    background-color: #ffcc00;
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    padding: 0px 2px 0px 2px;
    vertical-align: middle; 
    width: 121px;
    height: 25px; 
}

A.InvertedTitleBoxHeader:link { text-decoration:none; color: #000000;}
A.InvertedTitleBoxHeader:visited {text-decoration:none; color: #000000;}
A.InvertedTitleBoxHeader:active {text-decoration:none; color: #000000;}
A.InvertedTitleBoxHeader:hover {text-decoration:none; color: #FFFFFF; cursor:hand;}

.TitleBox
{
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    width: 123px;
}

.ContentPage
{
    background-color: Transparent;
    opacity:85;
    MozOpacity:85;
    KhtmlOpacity:85;
    filter:alpha(opacity=85);
}

.HighTransparency
{
    opacity:70;
    MozOpacity:70;
    KhtmlOpacity:70;
    filter:alpha(opacity=70);
}

.ContentTitle
{
   font-family: Arial;
   font-size: 14px;
   color: #000000;
   height: 20px;
   font-weight: bold;
}

.CornerContainer
{
    width: 575px;
}