/**
 * Specify the global font to use on the site. If you want to use
 * multiple font types then specify the ones to use in the classes
 * used in the site css file and leave this one as the generic site style. 
 */
html, body, table, tbody, td, form, input, button , h1, h2, h3, h4, h5, h6, div{
font-family: "verdana";
}

/**
 * Edit the font size for the website here
 */
html, body, table, tbody, td, form, input, button {font-size:11px; line-height:17px;}

hr{height:1px; border-top:0px; border-bottom:1px solid #000;}

/**
 * Only alter the below if you want to change the 
 * ratios of the h elements with respect to the normal font size
 */
h1 {font-size:200%;line-height:200%;font-weight:normal;}
h2 {font-size:180%;line-height:180%;font-weight:normal;}
h3 {font-size:160%;line-height:160%;font-weight:normal;}
h4 {font-size:140%;line-height:140%;font-weight:normal;}
h5 {font-size:120%;line-height:120%;font-weight:normal;}
h6 {font-size:110%;line-height:110%;font-weight:normal;}
 
/******************************************************************************/ 
 
/**
 * html and body values in case we want to 
 * do v-centre or use height 100% on a div
 */
html, body
{
height:100%;
width:100%;
margin:0px;
padding:0px;
}

/**
 * Remove auto padding and margins 
 * from these tag elements
 */
body, table, tbody, td, form, p, br, div, h1, h2, h3, h4, h5, h6
{
padding:0;
margin:0;
}

/**
 * @desc Apply faded png in IE 6
 */
img, div, a, input, li { behavior: url(/site/css/iepngfix.htc) }

/**
 * No border on images
 */
img
{
border:none;
display:block;
}

.inline {
display:inline;
}

/**
 * This will place a translucent blanket of your defined opacity and 
 * color/border over the first ancestor of the ajax target div that has a 
 * relative position. If no divs have a relative position then it will place
 * a blanket over the entire page.
 */
.blanket
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#ffffff;
border: none;
color: #000;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}

/**
 * This is the loader that sits inside the blanket div
 */
.loader
{
text-align: center;
margin:auto;
height: 100%;
width:50%;
border:0px solid #000;
background-image: url(/media/images/core/loader.gif);
background-position: center;
background-repeat: no-repeat;
}

/**
 * Clear class with no whitespace
 * <code>
 *    <!-- use to float an element left -->
 *    <div class='left'>Lorum Ipsum</div>
 * </code>
 */
.left
{
float:left;
}

/**
 * Clear class with no whitespace
 * <code>
 *    <!-- use to float an element right -->
 *    <div class='right'>Lorum Ipsum</div>
 * </code>
 */
.right
{
float:right;
}

/**
 * Clear class with no whitespace
 * <code>
 *    <!-- use below floating elements to clear the floats -->
 *    <div style='float:left;'>Lorum Ipsum</div>
 *    <div class='clear'></div>
 * </code>
 */
.clear
{
line-height:0px;
height:0px;
font-size:0px;
clear:both;
width:100%;
}

/**
 * Position a div relative to parent
 * <code>
 *    <!-- use the class directly on an element to specify positioning -->
 *    <div class='relative'>Lorum Ipsum</div>
 * </code>
 */
.rel
{
position: relative;
}

/**
 * Postion a div absolute in context to the first relative ancestor
 * <code>
 *    <!-- use the class directly on an element to specify positioning -->
 *    <div class='absolute'>Lorum Ipsum</div>
 * </code>
 */
.abs
{
position: absolute;
}

/**
 * Postion a div absolute in context to the first relative ancestor
 * <code>
 *    <!-- use the class directly on an element to specify positioning -->
 *    <div class='fixed'>Lorum Ipsum</div>
 * </code>
 */
.fix
{
position: fixed;
}

/**
 * central horizontal by using margin auto directly on the element
 * <code>
 *    <!-- use directly on the element to centrally position it -->
 *    <div class='hauto'>Lorum ipsum</div>
 * </code>
 */
.hauto
{
margin-left:auto;
margin-right:auto;
}


/**
 * hspace classes for horizontal spacing
 * <code>
 *    <!-- use directly on the element to space it -->
 *    <div class='hspace5'>Lorum ipsum</div>
 * </code>
 */
.hspace1
{
margin-left:1px;
margin-right:1px;
}

.hspace2
{
margin-left:2px;
margin-right:2px;
}

.hspace3
{
margin-left:3px;
margin-right:3px;
}

.hspace4
{
margin-left:4px;
margin-right:4px;
}

.hspace5
{
margin-left:5px;
margin-right:5px;
}

.hspace6
{
margin-left:6px;
margin-right:6px;
}

.hspace7
{
margin-left:7px;
margin-right:7px;
}

.hspace8
{
margin-left:8px;
margin-right:8px;
}

.hspace9
{
margin-left:9px;
margin-right:9px;
}

.hspace10
{
margin-left:10px;
margin-right:10px;
}

.hspace15
{
margin-left:15px;
margin-right:15px;
}

.hspace20
{
margin-left:20px;
margin-right:20px;
}

.hspace25
{
margin-left:25px;
margin-right:25px;
}

.hspace30
{
margin-left:30px;
margin-right:30px;
}

.hspace35
{
margin-left:35px;
margin-right:35px;
}

.hspace40
{
margin-left:40px;
margin-right:40px;
}

.hspace45
{
margin-left:45px;
margin-right:45px;
}

.hspace50
{
margin-left:50px;
margin-right:50px;
}

/**
 * vspace classes for vertical spacing
 * <code>
 *    <!-- use above or below elements to add vspace -->
 *    <div class='vspace15'></div>
 *    <div style='float:left;'>Lorum Ipsum</div>
 *    <div class='vspace5'></div>
 * </code>
 */
.vspace1
{
line-height:1px;
height:1px;
width:100%;
font-size:1px;
clear:both;
}

.vspace2
{
line-height:2px;
height:2px;
width:100%;
font-size:2px;
clear:both;
}

.vspace3
{
line-height:3px;
height:3px;
width:100%;
font-size:3px;
clear:both;
}

.vspace4
{
line-height:4px;
height:4px;
width:100%;
font-size:4px;
clear:both;
}

.vspace5
{
line-height:5px;
height:5px;
width:100%;
font-size:5px;
clear:both;
}

.vspace6
{
line-height:6px;
height:6px;
width:100%;
font-size:6px;
clear:both;
}

.vspace7
{
line-height:7px;
height:7px;
width:100%;
font-size:7px;
clear:both;
}

.vspace8
{
line-height:8px;
height:8px;
width:100%;
font-size:8px;
clear:both;
}

.vspace9
{
line-height:9px;
height:9px;
width:100%;
font-size:9px;
clear:both;
}

.vspace10
{
line-height:10px;
height:10px;
width:100%;
font-size:10px;
clear:both;
}

.vspace15
{
line-height:15px;
height:15px;
width:100%;
font-size:15px;
clear:both;
}

.vspace20
{
line-height:20px;
height:20px;
width:100%;
font-size:20px;
clear:both;
}

.vspace25
{
line-height:25px;
height:25px;
width:100%;
font-size:25px;
clear:both;
}

.vspace30
{
line-height:30px;
height:30px;
width:100%;
font-size:30px;
clear:both;
}

.vspace35
{
line-height:35px;
height:35px;
width:100%;
font-size:35px;
clear:both;
}

.vspace40
{
line-height:40px;
height:40px;
width:100%;
font-size:40px;
clear:both;
}

.vspace45
{
line-height:45px;
height:45px;
width:100%;
font-size:45px;
clear:both;
}

.vspace50
{
line-height:50px;
height:50px;
width:100%;
font-size:50px;
clear:both;
}

/* Panels */
.panel25
{

}

.panel50
{

}

.panel75
{

}

.panel100
{

}

.panel300
{
width:300px;
_height:300px;
min-height:300px;
}