/**
* Preparado por Mayra Canales
**/

/* ##################### Encabezados principales ##################### QM: ok */
body {
  margin           : 10px;
  padding          : 10px;
  background       : #FFFFFF;
  font-family      : arial, sans-serif;
  font-size        : 12px;
  color            : #000000;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  color            : #000000;
  font-size        : 16px;
}

hr {
  color            : #FFFFFF;
  height           : 1px;
  width            : 100%;
}

/* ############## CONTENEDOR DE LA TABLA PRINCIPAL ############### QM:  */	
#contenido {
	  width            : 400px;
	  height           : auto;
	  border-right     : 1px solid #000000;
	  background       : #FFFFFF; 
	  display          : block;
	  font-family      : arial, sans-serif;
	  font-size        : 13px;
	  color            : #000000;
	}
#contenidorg {
	  width            : 100px;
	  height           : auto;
	  border-right     : 0px solid #000000;
	  background       : #ffffff; 
	  display          : block;
	  font-family      : arial, sans-serif;
	  font-size        : 10px;
	  color            : #000000;
	  font-weight      : bold;
	
	}
#pie {
  font-size        : 10px;
  color            : #000000;
  font-weight      : bold;
}

.maincontainer {
  width            : 440px;
  background-color : #336633;
  border-top       : 1px solid #000000;
  border-left      : 1px solid #000000;
  border-bottom    : 2px solid #000000;
  border-right     : 2px solid #000000;
  height		   : auto;
  border		   : medium;
  
  
}

.logouser4container {
  height           : 0px;
  background       : #006600;
 
}

.user4container {
  float            : right;
  width            : 200px;
}

.logocontainer {
  float            : right;
  width            : 250px;
}

.headercontainer {
  background       : #2D6420;
  border-bottom    : 10px solid #006600;
}

.topmenucontainer {
  height           :10px;
  background       : #006600;
}

.topmenu {
  float            : right;
  width            : 550px;
}

.pathwaycontainer {
  float            : left;
  padding          : 2px;
  width            : 140px;
}

.leftmenucontainer {
  width            : 180px;
  border-right     : 0px solid #FFFF33;
}

.largespecialscontainer {
  width            : 200px;
  height           : 200px;
  border-right     : 2px solid #000000;
  background       : #ffffff; 
  display          : block;
  font-family      : arial, sans-serif;
  font-size        : 20px;
  color            : #000000;

}

.largespecialsGoldcontainer {
  width            : 400px;
  height           : 200px;
  border-right     : 1px solid #000000;
  background       : url(../images/largespecialsGoldbkgr.jpg) no-repeat top left #ffffff;
}

.smallspecialscontainer {
  width            : 400px;
  height           : 150px;
  border-right     : 1px solid #000000;
  background       : url(../images/smallspecialsbkgr.jpg) no-repeat top left #ffffff;
}

.smallspecialsGoldcontainer {
  width            : 400px;
  height           : 150px;
  border-right     : 1px solid #000000;
  background       : url(../images/smallspecialsGoldbkgr.jpg) no-repeat top left #ffffff;
}

.rightmenucontainer {
  width            : 100px;
  background       : #336633;
  border           : 2px solid #000000;
  font-family      : arial, sans-serif;
  font-size        : 10px;
  color            : #ffffff;
  height           : auto;

}

.contentcontainer {
  border-top       : 1px solid #FFFFFF;
}


/* ##################### MODULE SETTINGS ###################### QM: ok */
table.moduletable {
  width            : auto;
  table-layout     : auto;
  margin           : 0px 4px 15px 4px;
}
table.moduletable th {
  padding          : 3px 0px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
}
table.moduletable td {
  padding          : 0px;
}

/* ##################### FORMULAR SETTINGS #################### QM: ok */
.button {
  background-color : #33CC99;
  color            : #FFFFFF;
  border           : 1px solid #003366;
  margin           : 5px;
}

.inputbox {
  border           : 1px solid #FFFFCC;
  background       : #FFFFFF;
  color            : #00FF66;
  margin           : 5px;
}

/* ################# SECTION LISTING SETTINGS ################# QM: ok */
.sectiontableheader {
  font-size        : 11px;
  font-weight      : bold;
  text-align       : center;
  color            : #FFFFFF;
  background       : #00FF66;
  vertical-align   : right;
  height           : 20px;
  border-right     : 1px solid #ffffff;
  padding          : 0px 10px;
}

.sectiontableentry1 {
  background       : #F9F9F9;
  padding          : 3px 5px;
}

.sectiontableentry2 {
  background       : #F0F0F0;
  padding          : 3px 5px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
a.mainlevel  {
  margin           : 0px;
  padding          : 0px;
  font-size        : 12px;
  font-weight      : bold;
  width            : 150px;
  text-indent      : 10px;
  color            : #000000;
}

a.mainlevel: link {
  text-indent      : 0px;
}

a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  -moz-opacity     : 0.90;
  filter           : Alpha(opacity=90, finishopacity=100, style=3);
  padding          : 2px 0px 2px 0px;
  margin           : 1px;
  background       : #000000;
  border           : 2px solid #FFFFFF;
  text-indent      : 10px;
}

a.mainlevel:hover {
  text-decoration  : none;
  text-indent      : 10px;
  background       : #FFCC00;
  border           : 1px solid #FFFF00;
}
a.mainlevelrg  {
  margin           : 0px;
  padding          : 0px;
  font-size        : 14px;
  font-weight      : bold;
  color            : #000000;
  width            : 150px;
  text-indent      : 10px;
}

a.mainlevelrg: link {
  text-indent      : 10px;
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;

}

a.mainlevelrg:link, a.mainlevelrg:visited {
  display          : block;
  -moz-opacity     : 0.85;
  filter           : Alpha(opacity=90, finishopacity=85, style=3);
  padding          : 2px 0px 2px 0px;
  margin           : 1px;
  background       : #FFCC33;
  border           : 1px solid #FFFFFF;
  text-indent      : 10px;
}

a.mainlevelrg:hover {
  text-decoration  : none;
  text-indent      : 10px;
  background       : #FFCC33;
  border           : 1px solid #00FF66;
}


#active_menu {
  font-weight      : bold;
  color            : #000000;
  background       : #FFFFCC;
}
a#active_menu:hover {
}

.sublevel {
  font-size        : 12px;
}

ul#mainlevel-nav {
  padding          : 0;
  margin           : 0;
  list-style       : none;
}

ul#mainlevel-nav li {
  display          : block;
  padding-left     : 0px;
  padding-right    : 0px;
  margin           : 0;
  float            : right;
  font-size        : 11px;
  font-weight      : bold;
  line-height      : 20px;
  white-space      : nowrap;
  border-left      : 1px solid #FFFFFF;
}

ul#mainlevel-nav li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 10px;
  text-decoration  : none;
  color            : #000000;
}

ul#mainlevel-nav li a:hover {
  color            : #000000;
  background       : #FFFFFF;
}

/* ########################### LINKS ########################## QM: ok */
a:link, a:visited {
  color            : #FFFFFF;
  text-decoration  : none;
}

a:hover {
  color            : #000099;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  font-weight      : bold;
}

.readon {
  font-weight      : bold;
}

/* ##################### PAGE NAVIGATION ###################### QM: ok */
.pagenavbar {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  width            : 180px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.contenttoc th {
  padding          : 3px 5px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
}

.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */
.small {
  font-size        : 10px;
  color            : #336699;
}


.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM:  */
.content_rating {
  font-size        : 10px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

/* ##################### PATHWAY SETTINGS ##################### QM: ok */
.pathway {
  font-size        : 12px;
  color            : #FFFFFF;
  letter-spacing   : 1px;
  margin-left      : 4px;
}

a.pathway:link, a.pathway:visited {
  color            : #ff9933;
  font-size        : 12px;
}

a.pathway:hover {
  font-size        : 12px;
}

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */
.contentpane {
  padding          : 0px;
  background       : #fff;
}

.contentpaneopen {
  padding          : 0px;
  text-align       : justify;
  background       : #fff;
}

.contentheading, .componentheading {
  padding          : 0px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003366;
}

.contentpagetitle {
  font-weight      : bold;
  color            : #000;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS ##################### QM: ok */
a.readon:link, a.readon:visited {
  color            : #000099;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #000099;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #0000CC;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:hover, .buttonheading a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}