/**
* @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(http://www.themegaphone.net/logos/logos.gif) 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;
}