/* HEADER */

.headerTM {
	height: 96px;
	background: url("../_images/bgHeader.gif") repeat-x;
}
 
.headerTM .content {
	background: url("../_images/bgSitingResourceCenter.gif") no-repeat top right;
	margin: 0 auto;
	width:  85%;
	height: 96px;
}

.logo {
	position: relative;
	top: 19px;
}

.logout {
	float: right;
	margin-top: 40px;
}


/* LAYOUT */

.body2Cols {
	margin: 20px auto 0 auto;
	width: 85%;	
}

.body2Cols .mCol {
	width: 66.6%;
	padding-right: 20px;
}

.body2Cols .rCol {
	width: 33.3%;
}

.body2Cols .spaceCol {
	width: 20px;
}

.body2ColsExt {
	margin: 20px auto 0 auto;
	width: 85%;	
}

.body2ColsExt .mCol {
	width: 66.6%;
	padding-right: 20px;
}

.body2ColsExt .rCol {
	width: 33.3%;
}

.body2ColsExt .spaceCol {
	width: 20px;
}

.body2ColsExt .dottedCol {
	width: 20px;
	background: url("../_images/vDots.gif") repeat-y center;
}

.body3Cols {
	margin: 20px auto 0 auto;
	width: 85%;	
}

.body3Cols .lCol {
	width: 20%;	
}

.body3Cols .mCol {
	width: 60%;
	padding: 0 20px 0 20px;
}

.body3Cols .rCol {
	width: 20%;	
}

.body3Cols .spaceCol {
	width: 20px;
}

.footer {
	height: 63px;
	background: url("../_images/bgFooter.gif") repeat-x;
	margin: 30px 0 0 0;
}

.footer .content {
	cursor: default;
	color: #666666;
	font-size: 0.8em;
	width: 750px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

.footer .content a {
	color: #666666;
}

.footer .content span {
	padding: 0 5px;
}


/* GLOBAL NAVIGATION */

.globalNav {
	position: absolute;
	top: 69px;
}

.globalNav ul {
	list-style: none;
	padding: 0;
	margin:  0;
}

.globalNav li {
	float: left;
	border-top:		solid 1px #D1D1D1;
	border-left:  solid 1px #D1D1D1;	
	border-right: solid 1px #D1D1D1;	
	padding: 0;
	margin:  0 5px 0 0;
}

.globalNav li a {
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	color: #666;
	background: url("../_images/bgTabDisabled.gif") bottom repeat-x;
	padding: 5px 15px 5px 15px;
	margin:  0 0 0 0;
}

.globalNav li a:hover {
	text-decoration: none !important;
	background: url("../_images/bgTabHover.gif") top repeat-x;
}

.globalNav li a.tabActive,
.globalNav li a:hover.tabActive {
	color: #E20074;
	background: white;	
}


/* LOCAL NAVIGATION */

.localNav {
	padding: 6px 0 11px 0;
	background: url("../_images/bgLocalNav.gif") bottom repeat-x;
}

.localNav .content {
	cursor: default;
	width: 725px;
	color: #999;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
}

.localNav .content a {
	color: #999;
	text-decoration: none;
} 

.localNav .content a.active {
	color: #E20074;
	text-decoration: none;
} 

.localNav span {
	font-weight: normal;
	padding: 0 10px;
}


/* TYPOGRAPHY */

.large {
  font-size: 1.1em;
}

.x-small {
	font-size: 0.85em;
	line-height: 1.3em;
}

.xx-small {
  font-size: 0.79em;
}

.large .large,
.large .x-small,
.large .xx-small,
.x-small .large,
.x-small .x-small,
.x-small .xx-small,
.xx-small .large,
.xx-small .x-small,
.xx-small .xx-small {
  font-size: 100%;
}

h1 {
	color: #595959;
	font-size: 1.7em;
	line-height: 1.3em;
	padding: 0;
	margin:  0;
}

h2 {
	color: #595959;
	font-size: 1em;
	padding: 0;
	margin:  0;
}

h3 {
}

p {
	padding: 0;
	margin:  5px 0 0 0;
}


/* LINKS */

/*
a, a:link, a:visited { color: #1E8282; text-decoration: none; 
	font-weight:bold;
}

a.underline, a:link.underline {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline !important;
}
*/

a img {
  border: none;
}

a.pink, a:link.pink {
	color: #E20074;
	text-decoration: none;
}



/* FORMS */

input, select {
	font: 100%/1.3em Arial, sans-serif;
	color: #444;
} 

button {
	color: white;
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	background: #E20074 url("../_images/bgButton.gif");
	border-top:			solid 1px #E20074;
	border-right:		solid 2px #AC1964;
	border-bottom:	solid 1px #AC1964;
	border-left:		solid 1px #E20074;
	height: 20px;
	line-height: 15px;
	margin:  0;
}


/* FRAMES */

.frame {
	border-collapse: collapse;
	padding: 0;
	width:100%;
}

.frame td {
	border-collapse: collapse;
	vertical-align: top;
	padding: 0;
	margin:  0;
}


/* BREADCRUMB */

.breadcrumb a, #breadcrumb a:link {
	color: #666;
	text-decoration: none;
}

.breadcrumb a.active {
	color: #E20074;
}


/* SEPARATORS */

.hr {
	border-top: 		solid 1px #E5E5E5;
	border-bottom:	none;
	border-left:		none;
	border-right:		none;
	
	margin: 5px 0;
}


/* ROUND BOX */

.rbox4px {
	width: 100%;
}

.rbox4px .tl {
	height:1px;
	background: url("../_images/rbox4px/topLeft.gif") no-repeat top left;
}
html>body .rbox4px .tl {
	height: auto;
}

.rbox4px .tr {
	background: url("../_images/rbox4px/topRight.gif") no-repeat top right;
	padding-top: 4px;
}

.rbox4px .l {
	background: url("../_images/rbox4px/left.gif") repeat-y left;
}

.rbox4px .r {
	background:  url("../_images/rbox4px/right.gif") repeat-y right;
}

.rbox4px .bl {
	background: url("../_images/rbox4px/btmLeft.gif") no-repeat bottom left;
}

.rbox4px .br {
	padding: 2px;
	padding-bottom: 4px;
	background: url("../_images/rbox4px/btmRight.gif") no-repeat bottom right;
}

.rbox4px .hrWide {
	border-top: 		solid 1px #C1C1C1;
	border-bottom:	solid 1px #FFFFFF;
	border-left:		none;
	border-right:		none;
	
	margin: 5px -12px;
}


/* ROUND BOX: TEXT */

.rboxText .br {
	padding: 5px 12px 15px 12px;
}


/* ROUND BOX: HOME */

.rboxHome {
	background: #E5E5E5 url("../_images/bgHomeBox.gif") repeat-x top;
}

.rboxHome .br {
	padding: 5px 20px 15px 20px;
} 


/* ROUND BOX: RESULTS */

.rboxResults {
	width:auto;
	background: #E4E4E4 url("../_images/bgResultsHeader.gif") repeat-x top;	
}
.rboxFooter
{
	text-align: center;
}

.rboxResults .rboxHeader {
	color: #444;
	width:auto;
	font-size: 1em;
}

.rboxResults .rboxHeader td {
	padding: 0px 5px 0px 10px;
}

.rboxResults .pagination {
	color: #444;
	font-size: 0.85em;
}

.rboxResults .rboxHeader .pagination a {
	color: #E20074;
	text-decoration: none;
	padding: 0 0 0 5px;
}

.rboxResults .rboxHeader .pagination a.active {
	color: #444;
	text-decoration: none;
	padding: 0 0 0 5px;
}

.rboxResults .results {
	width: 100%;
	font-size: 0.85em;
	border-collapse: collapse;
	border-top: solid 1px #BFBFBF;
	padding: 0;
	margin:  0 2px 0 1px;
}

.rboxResults .results th {
	color: #666;
	background: #D9D9D9;
	border-collapse: collapse;
	padding: 5px 10px;
	margin:  0;
}

.rboxResults .results td {
	border-collapse: collapse;
	margin:  0;
}

.rboxResults .results .odd {
	background: #FFFFFF;
}

.rboxResults .results .even {
	background: #F7F7F7;
}

.rboxResults .results .icon {
	width: 32px;	
}

.rboxResults .results .thread {
	text-align: left;
}

.rboxResults .results .thread .title a {
	color: #E20074;	
	font-weight: bold;
	text-decoration: none;
}

.rboxResults .results .pages {
	text-align: left;
}

.rboxResults .results .pages a {
	text-decoration: none;
	color: #E20074;
	padding: 0 5px 0 0;
}

.rboxResults .results .replies {
	width: 40px;
	text-align: center;
}


/* ROUND BOX: DOCUMENTS */

.rboxResults .results .docname span {
	font-size: 0.9em;
	font-variant: small-caps;
	color: #999;
}

.rboxResults .results .date {
	width: 55px;
}


/* ROUND BOX: BG-VARIANTS */

.gradientBox {
	background: #F2F2F2 url("../_images/bgSearchBox.gif") repeat-x top;
}

.greyBox {
	background: #F2F2F2;
}


/* DOCS FOUND */

.docsFound {
	padding: 10px;
}

.docsFound .item {
	padding: 0 0 15px 0;
}

.docsFound .title a {
	color: #E20074;
	font-weight: bold;
	text-decoration: none;
}

.docsFound .title span {
	font-size: 0.9em;
	font-variant: small-caps;
	color: #999;
	padding-left: 5px;
}

.docsFound .description {
}

.docsFound .link {
}


/* POPOVER */
.popover {
  color: white;
	font-size: 0.85em;
  position: absolute;
  display: none;
}

.popover .t,
.popover .l,
.popover .r,
.popover .b {
  background: #EAE1C4;
}

.popover .tl   { background: url("../_images/popover/tl.gif"); width: 8px; height: 8px; }
.popover .tr   { background: url("../_images/popover/tr.gif"); width: 8px; height: 8px; }

.popoverBody {
  color: #000000;
  background: #EAE1C4;
}

.popover .b    { background: #EAE1C4; }
.popover .bl   { background: url("../_images/popover/bl.gif"); width: 8px; height: 8px; }
.popover .br   { background: url("../_images/popover/br.gif"); width: 8px; height: 8px; }

.popoverArrow {
  width:  20px; white-space:
  height: 10px;
  position: absolute;
  display: none;
} 


/* OTHERS */

.right {
	text-align: right;	
}


/*Product details images*/
#jgal { list-style: none; width: 250px; display: inline; }
#jgal li { opacity: .5; 
           float: left; 
           display: block; width: 60px; height: 60px; 
           background-position: 50% 50%; cursor: pointer; 
           border: 3px solid #fff; 
           outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; 
           background-repeat : no-repeat; }
#jgal li img { display: none; }
#jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
/*end Product details images*/