/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
/*background: #F2F5F6 url(../bhbackground.gif) top  repeat-x;*/
min-width: 920px;
/*font:80% Verdana, Arial, Helvetica, sans-serif;*/
margin:0;padding:0;
text-align:center;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 0.8em;
  font-style: normal;
}

a {
	text-decoration: underline;
	font-weight: bold;
	color:  #6E6E70;
	outline: none;
	}
a:visited {
	color:  #6E6E70;
	}
a:active {
	color:  #6E6E70;
	}
a:hover {
	color: #6E6E70;
	text-decoration: underline;
	}
ul{margin:0; padding:.5em 0 .5em 1.5em;}
ol{padding:.5em 0 .5em 1.5em;}
li{margin:0; padding-bottom:.5em; }

/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
width:1000px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
text-align:left;

}

#tagCloud { padding: 2px; line-height: 3em; text-align: center; }
#tagCloud li {display: inline}
.tag1  { font-size: 1.0em; font-weight: 100; }
.tag2  { font-size: 1.1em; font-weight: 200; }
.tag3  { font-size: 1.2em; font-weight: 300; }
.tag4  { font-size: 2.0em; font-weight: 400; }
.tag5  { font-size: 2.1em; font-weight: 500; }
.tag6  { font-size: 2.3em; font-weight: 600; }
.tag7  { font-size: 2.4em; font-weight: 700; }
.tag8 { font-size: 2.5em; font-weight: 800; }
.tag9 { font-size: 3.0em; font-weight: 900; }
.tag10 { font-size: 3.2em; font-weight: 900; }
.tag1 ul li { display: inline; }

/* ------------------------the following styles control the breadcrumbs on the sub pages ------------------------------------------------------------------------ */
/* this controls the look of the text inside the breadcrumb */
.breadcrumb p
{
font-size:.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000CC;
}
/* this over-rides the color and the underline for the links in the breadcrumb */
.breadcrumb a
{
font-size:.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000CC;
text-decoration:none;
}
/* this controls the hover behavior for the links in the breadcrumb */
.breadcrumb a:hover
{
text-decoration:underline;
}


.logoarea  {
	width: 100%;
height:128px;
	background: #D8D8D8 url("http://www.championsg.com/images/bg/bgblack.gif")  top left repeat-x;
	margin-top: 0px;
/*	padding-top: 25px;*/
	font-size: 0.94em;
	border:0px solid #CB0305;
}
#logocontenido{
	position:relative;
	width:1000px;
	marging-top 0px;
	margin-left: auto; 
	margin-right: auto;
	border:0px solid #000;
      }
#logocontenidoleft {
	position:relative;
	float:left;
	text-align:right;
 padding-top:10px;
	marging-top 0px;
	width: 140px;
	font-size: 0.74em;
	border:0px inset #fff;
}
#logocontenidoright {
	position:relative;
	padding-top:0px;
	float:right;
  	width:335px;
	font-size: 0.74em;
 font-family: verdana,Arial,Lucida Grande, Arial, Helvetica, sans-serif;
 color:#c0c0c0;
	border:0px inset #fff;
border:0px solid #CB0305;
}
#logocontenidoright h1 {
font-family:tahoma,Lucida Grande, Arial, Helvetica, sans-serif;
/*font-size: 24px;*/
font-size: 2.91em;
/*line-height: 44px;*/
font-weight: bold;
margin-top: 0px;
margin-bottom: 0;
color: #ccc;
} 
#logocontenidoright1 {
	position:relative;
	padding-top:20px;
	float:right;
  	width: 640px;
	font-size: 0.74em;
	border:0px inset #fff;
}


/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner
{
/*background:url(../ispbg.gif) center  no-repeat;*/
/*background: url("http://www1.championsg.com/phpmmsibm.nsf/mmsbg.gif?OpenImageResource") #fff bottom left repeat-x;
background-color:#E0E1F6;*/
/*padding:5px 5px 5px 10px;*/
width:100%;
/*height:80px;*/
border:0px solid #CB0305;
}
/* this controls the name in the banner */
/*#banner h1
{
font-size:1.5em;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0c0c0c;
padding:0;
margin:0;
}
/* this controls the description and links in the banner */
#banner p
{
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
padding:0;
margin:0;
line-height:1.5em;
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a
{
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
*/


/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content
{
border:0px solid #CB0305;
background-color:#E0E1F6;
clear:both;

}

/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
background-color:white;
float:left;
width:220px;
padding-left:2px;
font-size:.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: 0px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
/*border-top:0px inset #333;*/
/*border-left:0px inset #333;*/
/*border-bottom:0px inset #333;*/
/*border-top:1px inset #333;*/
/*border-left:1px inset #333;*/
/*border-bottom:1px inset #333;*/
clear:
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
margin-top:10px;
padding:0;
background-color #F1F1F1;
}
/* this controls the styling of the list used to render the page navigation menu */
#pagenavigation li
{
list-style:none;
margin:5px 0 5px 0;
padding:5px 5px 5px 10px;
width:100%;
background-color #F1F1F1;
}
/* this gets rid of the underline and sets the color for the links in the list used to render the page navigation menu */
#pagenavigation li a
{
text-decoration:none;
color:#000000;
}
/* this sets the style for the selected page in the page navigation menu */
.selected
{
text-decoration:none;
font-weight:regular;
color:#000000;
background-color:#F1F1F1;
}
/* this controls the hover behavior on the entries in the page navigation menu */
#pagenavigation li a:hover
{
text-decoration:underline
}
/* this enables tabbing between the entries in the page navigation menu */
#pagenavigation li a:focus
{
text-decoration:underline
}


/* ------------------------the following styles control the page title/component title header ----------------------------------------------------------------------- */
/* this control the placement of the page header */
.componentheader
{
background-color:#E0E1F6;
float:left;
margin:10px 0 0 20px;
padding:0;
width:820px;
}
/* this sets the style for the page title (for example "Team Blog" */
.componentheader h2
{
color:#000000;
float:left;
margin:0 5px 0 0;
font-size:1.5em;
font-weight:normal;
font-family:verdana,Arial, Helvetica, sans-serif;
}
/* this over-rides the color and underline on the links in the page header */
.componentheader h2 a
{
text-decoration:none;
color:#000000;
}
/* this enables the description of the page to be close to the bottom of the page title */
.componentheader p
{
margin:0;padding-top:3px
}
/* this positions the atom button in the page title */
.atom
{
padding-top:2px;
padding-left:5px;
}
/* this sets the title for the action links following the page title and the atom button */
.commands a
{
color:#0000FF;
text-decoration:underline;
font-size:0.9em;
padding:0;
margin:0;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
.maincontent
{
/*border:1px inset #333;*/
border:0px inset #333;
background-color:#fff;
float:left;
width:777px;
}
/* this sets the style for the page description */
.pagedescription
{
background: url("http://csgst7.championsg.com/images/tablescrollbg.gif") #fff bottom left repeat-x;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this creates the bottom rule of each docpost */
.docbody
{
padding-bottom:10px;
background-color:#fff;
}

/* this controls the hover behavior for the doc header */
.docbody a:hover
{
text-decoration:underline;
}
/* this enables tabbing to the doc header */
.docbody a:focus
{
text-decoration:underline;
}
.name{
color:#4477bb;
text-decoration:none;
font-size:0.8em;
padding:0;
margin:0;
}


/* this sets the style for the author/owner name of each docpost */
.name a
{
color:#006600;
text-decoration:none;
font-size:0.9em;
padding:0;
margin:0;
}
/* this sets the style for the last modified time of each docpost */
.time a
{
color:#999999;
text-decoration:none;
font-size:0.9em;
padding:0;
margin:0;
}
/* this controls the styling of the doc body */
.docbody p
{
font-size:1.1em;
color:#000000;
line-height:145%;
/*line-height:15px;*/
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
.side{
font-size:.9em;
}



/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */

.commentTable{
border: 1px solid gray;
background-color:#D8D8D8;
}
.commentTableTop{
background-color:#47b;
color:#fff;
font-size:.9em;
font-weight:bold;
margin:5px;
padding:5px;
line-height:20px;
}

.commentbody{
font-size:.9em;
}

.commenttext{
margin-left:30px;
padding-left:2px;
border-left:1px solid silver;
font-size:.9em;

}
.commentauthor{
font-size:.8em;
}

/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
background:url(../bg-portlet-head-gray-light.gif) repeat-x;
background-color:#060606;
font-size:1.0em;
color:#000000;

width:100%;
font-weight:normal;
padding:5px 5px 5px 10px;
clear:both;
position: relative;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a
{
font-weight:normal;
text-decoration:none;
color:#000000;
margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
text-decoration:underline;
color:#000000;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus
{
text-decoration:underline;
color:#FFFFFF;
}

h3{
font-size:.9em;
}
a img{border:0 solid #f00;}
a:hover{color:#69c; text-decoration:underline;}

/* ------- header treatments ------- */
h2{margin:0; padding:0;}

h2{font-size:1.6em; font-weight:normal;}
#content-main h2{margin-top:.5em;}

.portlet-blue,.portlet-white{margin:5px 5px 5px 0; border:1px solid #fff;}

.portlet-blue{background:#fff;}
.portlet-white{background:#fff; border:1px solid #ccc; border-top:1px solid #fff;}
.portlet-blue h2,.portlet-white h2{padding:4px 3px 4px 10px; font-size:1.2em;}

/*h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:#FFFFFF; font-size:1.1em; font-weight:bold;}*/
/* H2 para el resto del lado izquierdo */
h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:#000000; font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
  font-size: 200%;
  font-weight: normal;
   border:1px solid #ccc;
  /*margin: .6em 0 .3em;*/}
/*background: url("http://csgst7.championsg.com/images/tablescrollbg.gif") #fff bottom left repeat-x;*/
/*.portlet-head-blue-med{background:url(../bg-portlet-head-blue-med.gif) repeat-x; border-bottom:0px solid #47b; height:1%;}*/
/*.portlet-head-blue-med{background: url("http://csgst7.championsg.com/images/tablescrollbg.gif") #fff bottom left repeat-x; border-bottom:0px solid #47b; height:1%;}*/
/*.portlet-head-gray-med{background: url("http://csgst7.championsg.com/images/tablescrollbg.gif") #fff bottom left repeat-x; border-bottom:0px solid #47b; height:1%;}*/
.portlet-head-blue-med{background:url(../bg-portlet-head-gray-light.gif) repeat-x; border-bottom:0px solid #FFFFFF; height:1%;}
.portlet-head-gray-med{background:url(../bg-portlet-head-gray-light.gif) repeat-x; border-bottom:0px solid #FFFFFF; height:1%;}
.portlet-icons{float:right; white-space:nowrap; margin:-1.6em 0 0 0;}
.portlet-icons a{padding:2px 0 0 0;}
.portlet-head-blue-med .portlet-icons a{border-left:1px solid #314e6a;}
.portlet-head-blue-med .portlet-icons a img{border-left:1px solid #cee1f1;}
.portlet-head-gray-med .portlet-icons a{border-left:0px solid #314e6a;}
.portlet-head-gray-med .portlet-icons a img{border-left:0px solid #cee1f1;}
/* H2 para los links del medio*/
h2.portlet-head-gray-med a{color:#000000; font-size:.8em; font-weight:normal;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#000000; font-size:.8em; font-weight:normal;text-decoration:underline;}

.portlet-content{padding:.5em 10px;}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */

.searchcounter, .searchquery{
font-weight:bold;
}