/* CSS Document */

/*      Format after the import is to only import for the specified media types format */
		@import url("topazport.css");
		@import url("grid.css");
		@import url("module.css");
		@import url("textblocks.css");  
	 	@import url("resultset.css"); 
		@import url("dropdown_menu.css");
		@import url("spotlight.css"); 
		@import url("mocha.css");
	 	                                                                                  
    
body  {
	margin: 0;
	padding: 0;
	font: 100% "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size:15px;
	background-image: url(../images/topaz/topaz_bg_fade.jpg);
	background-repeat: repeat-x;
	background-color: #EBEAE8;
	text-align: center;
}

/*
  below are topaz specific classes.  i added the name and matched the css to craigs design so tings would match our theme/objekts etc... 
  added article class didn't exist in ct's same as #sidebarSectionText for now.  
*/ 


 
 

dl, dt, dd{ /* suppress all margins and padding */
	margin: 0;
	padding: 0;
   
    }
dt{
	height: 30px;
	background:url(../images/topaz/sidebar_top.png) top left no-repeat; 
    width:inherit; 
}
dd{
    position:static;
	padding: 0px 20px 0px 10px; /* internal block spaces administration */
	text-align: justify;
	background:url(../images/topaz/sidebar_left.png) top left repeat-y; /* internal background */
    width:inherit;     
    }
dl{
	background:url(../images/topaz/sidebar_bottom.png) bottom left no-repeat;
    padding-bottom:14px;
    width:inherit;
    }
/* end sidebar */

/* floats & clear fixes */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;
vertical-align: top;
}

/* End hide from IE-mac */
/* end floats & clear fixes */

/* google search */
 #googleSearch {
	position:absolute;
	margin-left:630px;
	margin-top:76px;
	width:212px;
	height:24px;
	z-index:2;
	background:url(../images/topaz/google.png) no-repeat top right;
}
/* end google search */


/*some massmid specific module classes*/

.topIcons {
    margin: 0;
    padding-top: 3px;
    padding-right: 15px;
    float:right;
    height:15px;
    }
.topIcons a {
    font-size:12px;
    }
.topIcons .icon_Edit a {
    background:transparent url(../../images/icons/adminbuttons/icon_pen_both.gif) no-repeat scroll top left;
    }
.topIcons .icon_Edit a:hover {
    background:transparent url(../../images/icons/adminbuttons/icon_pen_both.gif) no-repeat scroll bottom left;
    }
.topIcons .icon_Copy a {
    background:transparent url(../../images/icons/adminbuttons/icon_copy_both.gif) no-repeat scroll top left;
    }
.topIcons .icon_Copy a:hover {
    background:transparent url(../../images/icons/adminbuttons/icon_copy_both.gif) no-repeat scroll bottom left;
    }
.topIcons .icon_Delete a {
    background:transparent url(../../images/icons/adminbuttons/icon_trash_both.gif) no-repeat scroll top left;
    }
.topIcons .icon_Delete a:hover {
    background:transparent url(../../images/icons/adminbuttons/icon_trash_both.gif) no-repeat scroll bottom left;
    }
.topIcons .icon_Unpublish a {
    background:transparent url(../../images/icons/adminbuttons/icon_trash_both.gif) no-repeat scroll top left;
    }
.topIcons .icon_Unpublish a:hover {
    background:transparent url(../../images/icons/adminbuttons/icon_trash_both.gif) no-repeat scroll 0px -15px;
    }
.topIcons div {
    display:inline;
}