/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;	     /* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#000;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
	                    /* The min-width property does not work in old versions of Internet Explorer */

    }
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	input {
	font-size:11px;
	}
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
	background-image:url(images/bg_banner.jpg);
	background-repeat: no-repeat;
	vertical-align:top;
	height:150px;
	
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#c6c6c6;

	    background-position:bottom left;
	    background-repeat:no-repeat;
	}
    .leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:167px;
    background:#FFFFFF;
	background-image:url(images/bg_search.gif);
	background-position:top left;
	background-repeat:no-repeat;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
	margin:20px 15px 0px 215px;
	height:100%;
	position:relative;
	right:100%;
	overflow:visable;
	}
    .leftmenu .col2 {
	float:left;
	width:167px;
	position:relative;
	right:167px;
	padding-bottom:60px;
    }
	/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	height:148px;
	background:#CCCCCC;
	background-image:url(images/bg-bottom-2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
    }
    #footer p {
        padding:10px;
        margin:50px 0 0 0;
	
    }
	#search-field {
	margin:10px 25px 0px 255px;
	height:100%;
	position:relative;
	right:100%;
	overflow:hidden;
	text-align: center;
	}

/* Box Styles */

/* set the image to use and establish the lower-right position */ 

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(images/demobox-180.png) no-repeat bottom right; 
} 

.cssbox { 
width: 180px !important; /* intended total box width - padding-right(next) */ 
width: 177px; /* IE Win = width - padding */ 
padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ 
margin: 15px auto; /* use to position the box */ 

} 
/* set the top-right image */ 
.cssbox_head { 
background-position: top right; margin-right: -0px; /* pull the right image over on top of border */ 
padding-right: 15px; /* right-image-gap + right-inside padding */ 

} 
/* set the top-left image */ 
.cssbox_head h2 { 
background-position: top left; margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 5px 0px 10px 8px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ 
font-size:13px;
} 
/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; 
margin-right: 5px; /* interior-padding right */ 
padding: 4px 15px 25px 8px; /* mirror .cssbox_head right/left */ 
} 




 /* Torque manager styles */
#vertical_slide$, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

#torque-manager {
	font-variant: small-caps;
}
.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
.green-cert {
	height:20px;
	line-height:20px;
	margin:5px 0;
	padding:0 20px;
	position:relative;
	background-image: url(list-green.gif);
	background-repeat: no-repeat;
}
.yellow-cert {
	height:20px;
	line-height:20px;
	margin:5px 0;
	padding:0 20px;
	position:relative;
	background-image: url(list-yellow.gif);
	background-repeat: no-repeat;
}
.red-cert {

	height:20px;
	line-height:20px;
	margin:5px 0;
	padding:0 20px;
	position:relative;
	background-image: url(list-red.gif);
	background-repeat: no-repeat;
}



.link {
font-size:0.8em;
font-weight:bold;
position:absolute;
right:25px;
top:0;
}
.notes {
right:25px;
top:0;
}
.tm-edit{
font-size:12px;
padding-bottom:0px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

.tm-edit-background{
background-image: url(edit-back.gif);
background-repeat: no-repeat;
}

.tm-edit-background2{
background-image: url(edit-back2.gif);
background-repeat: repeat-y;
}

.tm-add-background{
background-image: url(add-back.gif);
background-repeat: no-repeat;
}

.tm-add-background2{
background-image: url(add-back2.gif);
background-repeat: repeat-y;
}

.message {
color:#CC0000;
font-weight:bold;
}