/**

* @version - 2.0

* @package - hazman_roundcorners

* @author - Hazman

* @date - Aug 03, 2006

* @website - www.xtremeopensource.com

* @copyright (C) - 2006 - Xtreme Open Source. All Rights Reserved.

* @license - GPL 

*/



body {



}



tr,th,div,.inpubox,.button {

  color                 : #191970;

  font-family			: Georgia, Arial, Helvetica, sans-serif;

  font-size			    : 12px; 

}



li {

  list-style            :url(../images/bullet.png);

}



.clr {

  clear                 : both;

}





#main_container {

  width                 : 100%;

  display               : table;

  margin                : auto;

}







/*############### Header ###############*/

/********** Header Background Images **********/

div.top {

  height                : 30px;

  margin                : 2em 0 0 0;

  background            : url(../images/content_ct.jpg) repeat-x;

}



img.content_tl { 

  float                 : left; 

}



img.content_tr { 

  float                 : right; 

}





/********** Center Content **********/

div.content { 

  background            : url(../images/content_cl.jpg) #ffffff repeat-y; 

}

	

div.content_control { 

  padding               : 0 3% 0 3%; 

  background            : url(../images/content_cr.jpg) right repeat-y; 

}





/********** Header Content **********/

#header_container {

  width                 : 100%;

  height                : 150px;

  margin                : auto;

}



#header_left {

  width                 : 468px;

  height                : 150px;

  float                 : left;

  margin                : auto;

  background            : url(../images/logo.jpg) no-repeat;

}



#header_right {

  width                 : 264px;

  height                : 150px;

  float                 : right;

  margin                : auto;

}





/********** Bottom Images **********/

div.bottom {

  height                :30px;

  background            :url(../images/content_cb.jpg) repeat-x;

}



img.content_bl { 

  float                 :left; 

}



img.content_br {  

  float                 :right; 

}





/*############### This Hack doesn't seem to work 100%, but it's still included. You should upgrade to IE6 ###############*/

/* IE 5.5 box model hack to correctly position the images */

* html img.tl, * html img.bl  { 

  \margin-left:-.2em;  

  ma\rgin-left:0; 

}

* html img.br, * html img.tr { 

  \margin-left:.2em;

  ma\rgin-left:0; 

}





/********** Main Background Images **********/

#content_container {

  width                 : 100%;

  display               : table;

  margin                : auto;

}





#date {

  color                 : #000000;

  text-align            : center;

}









/********** User 1 & 2 **********/

#topbox_container {

  width                 : 100%;

  float                 : right;

  margin-right          : 3px !important;

  margin-right          : 2px;

}



#leftbox {

  width                 : 49%;

  float                 : left;

  background            : #abbddc;

  border                : 2px inset #ffffff;

}



#rightbox {

  width                 : 49%;

  float                 : right;

  background            : #abbddc;

  border                : 2px inset #ffffff;

}











/********** Content Container **********/

#center_column_container {

  width                 : 100%;

  margin-top            : 15px;

}





/********** Footer **********/

#footer {

  width                 : 100%;

  color                 : #191970;

  font-family           : Georgia, Arial, Helvetica, sans-serif;

  font-size             : 11px;

  text-align            : center;

}







/*####################### MAMBO CLASSES #######################*/

/********** Breadcrumb **********/

#breadcrumb {

  width                 : 94%;

  margin-left           : 30px;

}



.breadcrumb {

  font-family           : Verdana, Helvetica, Arial, sans-serif;

  font-size             : 9px;

  padding-top           : 6px !important;

  padding-top           : 7px;

  padding-left          : 4px;

}



a.breadcrumb:link, a.breadcrumb:visited {

  color                 : #000000;

  font-weight           : normal;

}



a.breadcrumb:hover {

  color                 : #666666;

  font-weight           : normal;

  text-decoration       : none;

}







/********** MainLevel Links **********/

a.mainlevel:link, a.mainlevel:visited {

  width                 : 155px;

  height                : 18px;

  display               : block;

  color                 : #000066;

  font-size             : 11px;

  font-weight           : bold;

  vertical-align        : middle;

  text-align            : left;

  text-indent           : 5px;

  text-decoration       : none;

  padding-top           : 3px;

}



a.mainlevel:hover {

  color				    : #ffffff;

  display               : block;

  font-weight           : bold;

  text-decoration       : none;

  background            : #3366cc;

}



a.mainlevel#active_menu {

  color                 : #000000;

  font-weight           : bold;

}



a.mainlevel#active_menu:hover {

  color                 : #749bc4;

}





/********** SubLevel Links **********/

a.sublevel {

  color				    : #333333;

  text-decoration		: none;

}



a.sublevel:hover {

  text-decoration		: underline;

}



a.sublevel#active_menu {

  font-weight           :bold;

  letter-spacing        :1px;

}



a.sublevel#active_menu:hover {

  color                 : #749bc4;

}





/********** Other Links **********/

a:link, a:visited {

  color                 : #0000bb;

  text-decoration       : none;

}



a:hover {

  color				    : #1eaa1e;

  font-weight           : none;

  text-decoration       : underline;

}











/*####################### MODULES #######################*/



/********** Modules **********/

div.module h3 {

  width                 : 157px;

  height                : 21px;

  color                 : #555555;

  line-height           : 21px;

  font-size             : 12px;

  font-weight           : bold;

  text-align            : left;

  text-transform        : uppercase;

  margin                : 0 0 2px 2px;

  padding-left          : 4px;

}



#left_column div.module {

  width				    : 200px;

  margin-bottom		    : 5px;

  background			: url(../images/column_center.jpg) repeat-y;

}



#left_column div.module div {

  padding               : 0 0 14px 0;

  background			: url(../images/column_bottom.jpg) bottom left no-repeat;

}



#left_column div.module div div {

  padding				: 25px 20px 15px 10px;

  background			: url(../images/column_top.jpg) top left no-repeat;

}



#left_column div.module div div div {

  width				    : auto !important;

  width				    : 100%;

  padding				: 0 0 0 10px;

  margin                : 0;

  background			: none;

}



#left_column {

  width				    : 200px;

  float				    : left;

}





/********** Right Column **********/

#right_column div.module {

  width				    : 200px;

  margin-bottom		    : 5px;

  background			: url(../images/column_center.jpg) repeat-y;

}



#right_column div.module div {

  background			: url(../images/column_bottom.jpg) bottom left no-repeat;

}



#right_column div.module div div {

  padding				: 10px 20px 15px 10px;

  background			: url(../images/column_top.jpg) top left no-repeat;

}



#right_column div.module div div div {

  width				    : auto !important;

  width				    : 100%;

  padding				: 6px;

  background			: none;

}



#right_column {

  width				    : 200px;

  float				    : left;

}













/*############### CONTENT ###############*/



.contentheading {

  color				    : #003060;

  font-size			    : 20px;

}



.contentheading a {

  color				    : #555;

  text-decoration		: none;

}



.contentpaneopen {

  border: 0px solid #00ff00;

}



.componentheading {

  color				    : #555;

  font-size			    : 24px;

  line-height			: 40px;

  text-align			: left;

  border: 0px solid #ffffff;

}



.contentdescription {

  padding-right         : 0px !important;

  padding-right         : 50px;

  border: 0px solid #ff0000;

}



.contentpane {

  padding-right         : 0px !important;

  padding-right         : 50px;

  padding-top           : 10px;

  border: 0px solid #ff9966;

}







.sectiontableheader {

  font-weight			: bold;

  letter-spacing		: 1px;

  border-bottom		    : 1px solid #999999;

}



.sectiontableentry1 {

  line-height			: 20px;

  background			: #eeeeee;

}



span.pagenav {

  color                 :#CCCCCC;

}



.small,.createdate,.modifydate {

  color				    : #999999;

  font-size			    : 10px;

  font-weight			: bold;

  line-height			: 15px;

}



table.contenttoc {

  margin                :5px;

}



table.contenttoc th {

  font-weight			: bold;

  letter-spacing		: 1px;

  border-bottom		    : 1px solid #999999;

}