/* Ruby Style 005 */
/* Copyright 2007 Casey Lee for Joomlashack.com */

/* main background color, header background, and default text color */
body#page_bg {
	background: #fff url(../images/page_bg.png) repeat-x center top;
	color: #3d3d3d;
}

.home body#page_bg {
	background: #b2b2b2 url(../images/H-page-bg.png) repeat-x center top;
	color: #3d3d3d;
}

/* default font */
html, body, form, fieldset {
	font: 13px/140%  Arial, Helvetica, 'Helvetica Neue', sans-serif;
}


/*Top Nav Link Color*/

#header-top li a {
	color: #C9CFD3;
}
#header-top li a:hover {
	color: #fff;
}


/*Header (TEXT) */
#header-text h1, #header-text h1 a {
	color: #f7f7f7;
	font: normal 45px/45px Arial, Helvetica, 'Helvetica Neue', sans-serif;
	letter-spacing: normal;
}
/*Header (GRAPHIC) */
/*Adjust the height below - Proceed with caution or use "text" based logo from config*/
/*Notes: If your logo extends the default size (67px) the page.png must be re-exported as well */
/*It is recommended to use the Fireworks source */

#header-graphic {
	background: url(../images/header_logo.jpg) no-repeat left top;
	height: 67px;
}

/* Defines the clickable hotspot area of the logo */
/* You can temporarily uncomment the red border to see your zone */
#header-graphic h1 a {
	height: 58px;
	width: 215px;
	/*border: 1px solid red;*/
	cursor: pointer;
}


/* Headings Typography */

h1 {
	font-size: 28px;
	color: #000000;
}

h2 {
	font-size: 21px;
	color: #363636;
	line-height:130%;
}

h3 {
	font-size: 20px;
	color: #181818;
}

h4 {
	font-size: 16px;
	color: #3d3d3d;
}
/* Default Link Styles */
a {
	color: #d20021;
	text-decoration: underline;
}

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

/* Because serifs don't look all that great. Remove this if you change to a sans-serif font */

b, strong {
	font: bold .95em Arial, Helvetica, 'Helvetica Neue', sans-serif;
}

/* Left and Right Column Typography */

#leftcol h1, #rightcol h1 {
	font-size: 18px;
	line-height: 125%;
}

#leftcol h2, #rightcol h2 {
	font-size: 16px;
	line-height: 125%;
}
#leftcol h4, #rightcol h4 {
	font-size: 14px;
	line-height: 125%;
}

#leftcol .inside,
#rightcol .inside {
	font-size: 12px;
	line-height: 135%;
}

#leftcol a.contentpagetitle,
#rightcol a.contentpagetitle,
#rightcol td.contentheading,
#leftcol td.contentheading {
	font-size: 22px;
	line-height: 22px;
}
/* Bottom stroke */
table#main {
	border-bottom: none;
}

/* Teaser Background */

#teaser-wrapper {
	background: #fff url(../images/teaser_bg2.png) repeat-x  top left;
	height:184px;
	
}
/* Secondary (inner) Teaser Background */
#teaser {


	/*background: url(../images/teaser.jpg) repeat-x center top;*/
}

/* Teaser (icon position) Typography */

#teaser h3 {
display: none; visibility:hidden;
	color: #3d3d3d;
	font-size: 28px;
	line-height: 32px;

}
#teaser p {

	color: #3d3d3d;
	font-size: 18px;
	line-height: 20px;
	
}
#teaser a {

}

#teaser a.readon {

	background-color: #e0dfde;
	border: none;
	
}

/* @group Module Headings */



div.moduletable h3, div.moduletableS1 h3 {
	font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:bold;
    background-color:#ec0025;
    border-bottom:2px solid #5f5e5e;
	color: #fff;
	line-height: 150%;
	padding-top:2px;
	word-spacing:normal;
	letter-spacing:normal;
}

/* Style 2 - S2 */

div.moduletableS2 h3 {
	text-transform: uppercase;
	background-color: #333 ;
    border-bottom:2px solid #5f5e5e;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}
/* Style 3 - S3 */

div.moduletableS3 h3 {
	text-transform: uppercase;

        border-bottom:2px solid #5f5e5e;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}
/* Style 4 - S4 */

div.moduletableS4 h3 {
	text-transform: uppercase;

	background: #333 url(../images/moduleheading4.png) repeat-x left bottom;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 5 - S5 */

div.moduletableS5 h3 {
	text-transform: uppercase;

	background: #dadada url(../images/moduleheading5.png) repeat-x left bottom;
	color: #333;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 6 -bdr */


div.moduletable-bdr {
	background: #dadada;
	border: 1px solid #d0d0d0;
}

/* Style 7 -nopad */

div.moduletable-nopad h3 {
	text-transform: uppercase;

	color: #FF2814;
	line-height: 165%;
	background: none;
}
/************************kicker module start*******************/
div.moduletable_logo ul{
list-style:none;
}
div.inside div.moduletable-epm, 
div.inside div.moduletable-epm2,
div.inside div.moduletable-epmBP,
div.inside div.moduletable-sol{
background:#fff url(../images/moduletable-epm.gif) top left no-repeat;
padding:0;
margin:0 0 20px 0;
width:275px;
}

div.inside div.moduletable-epm-s{
background:#fff url(../images/moduletable-epm-s.gif) top left no-repeat;
padding:0;
margin:0 0 20px 0;
width:275px;
}
div.inside div.moduletable-sol{
background:#fff url(../images/moduletable-sol.gif) top left no-repeat;
}

div.inside div.moduletable-epm span
{
display:block;
background:#fff url(../images/moduletable-epm-mid.gif) top left repeat-y;
padding:0 0 0 10px;
margin:0 0 0 -15px;
width:275px;
font-size:88%;
}
div.inside div.moduletable-epm2 #kicker2 span{
display:block;
background:#fff url(../images/moduletable-epm-mid.gif) top left repeat-y;
padding:0 0 0 10px;
margin:0 0 0 -10px;
width:275px;
font-size:88%;
}
div.inside div.moduletable-epmBP span{
display:block;
background:#fff url(../images/moduletable-epm-mid.gif) top left repeat-y;
padding:0 30px 0 10px;
margin:0 0 0 -15px;
width:230px;
font-size:95%;
}

div.inside div.moduletable-epmBP span strong{
font-size:110%;
display:block;
padding-bottom:9px;
}
div.inside div.moduletable-epm span strong{
font-size:100%;
display:block;
padding:12px 0 3px 0;
}
div.inside div.moduletable-epm h3, 
div.inside div.moduletable-epm2 h3
{
	text-transform: uppercase;
	font-family:Arial, Helvetica, 'Helvetica Neue', sans-serif;
	font-size:16px;
	color: #383838;
	line-height: 140%;
	word-spacing: normal;
	letter-spacing:normal;
	padding:15px 20px 0 15px;
}
div.inside div.moduletable-epm-s #kicker2{
font-size:14px;
padding:15px 30px 30px 10px;
line-height:155%;
font-weight:normal;
background-image:none;
width:230px;
margin:0;}

div.inside div.moduletable-epm #kicker2,
div.inside div.moduletable-epm #kicker2-fr,
div.inside div.moduletable-epmBP #kicker2{
font-size:14px;
padding:10px 30px 30px 15px;
line-height:155%;
font-weight:normal;
background: url(../images/moduletable-epm-p2.gif) bottom left no-repeat;
width:230px;
margin:0;
}
div.inside div.moduletable-epm #kicker2-fr{
	background: url(../images/moduletable-epm-p1.gif) bottom left no-repeat;
	}
div.inside div.moduletable-epm2 #kicker2{
font-size:14px;
padding:10px 30px 30px 10px;
line-height:130%;
font-weight:normal;
background: url(../images/moduletable-epm-p1.gif) bottom left no-repeat;
width:230px;
margin:0;
}

div.inside div.moduletable-epmBP #kicker2{
background: url(../images/moduletable-epm-p1.gif) bottom left no-repeat;
}
div.inside div.moduletable-epm #kicker2 a,
div.inside div.moduletable-epm #kicker2-fr a,
div.inside div.moduletable-epm-s #kicker2 a, 
div.inside div.moduletable-epm2 #kicker2 a{
font-size:13px;
font-weight:normal;
color: #ed0025;
}


div.inside div.moduletable-epm #kicker2 a:hover,
div.inside div.moduletable-epm #kicker2-fr a:hover,
div.inside div.moduletable-epm-s #kicker2 a:hover, 
div.inside div.moduletable-epm2 #kicker2 a:hover{
font-size:13px;
font-weight:normal;
color: #000066;
text-decoration: none;
}
div.moduletable-epm2 #kicker2 strong{
padding-left:0;
}
div.moduletable-epm #kicker2 span,
div.moduletable-epm #kicker2-fr span,
div.moduletable-epm-s #kicker2 span{
display:block;
font-size:120%;
font-weight:bold;
padding-bottom:6px;

}
div.moduletable-epm #kicker2 ul,
div.moduletable-epm-s #kicker2 ul{
list-style:none;
}
div.moduletable-epm #kicker2 ul li,
div.moduletable-epm #kicker2-fr ul li,
div.moduletable-epm-s #kicker2 ul li{
line-height:110%;

}
div.moduletable-epm #kicker2 ul li span,
div.moduletable-epm #kicker2-fr ul li span,
div.moduletable-epm-s #kicker2 ul li span{
padding-left:10px;
font-weight: normal;
font-size:95%;
}
div.moduletable-epm-s #kicker2 ul li span{
padding-left:5px;}
div.inside div.moduletable-epm2 #kicker2 span{}
div.moduletable-epm #kicker2 span a,
div.moduletable-epm #kicker2-fr span a,
div.moduletable-epm-s #kicker2 span a{
width:250px;
display:block;
font-size:10px;
padding-bottom:0;
letter-spacing:normal;
}

div.inside div.moduletable-epm .kicker{
font-size:14px;
padding:10px 30px 30px 15px;
line-height:155%;
font-weight:normal;
background:url(../images/moduletable-epm-p.gif) bottom left no-repeat;
width:230px;
margin:0;
}

div.moduletable-epm2 blockquote #author,
div.moduletable-sol blockquote #author{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:80%;
line-height:100%;
text-align:right;
padding:10px 50px 30px 0px;
background:url(../images/moduletable-epm-p2.gif) bottom left no-repeat;
}
/*div.moduletable-sol blockquote #author{
background:url(../images/moduletable-sol-b.gif) bottom left no-repeat;
}*/

/*Footer*/

#footer {
	color: #fff;
	background: url(../images/footerBG.jpg) repeat-x bottom left;
	border-bottom: 5px solid #ed0025;
}
#footer a {
	color: #fff;
	text-decoration: underline;
	display:block;
	padding:0 6px;
}
#footer a:hover {
	color: #ed0025;
}
#footer a, #footer p, #footer div, #footer a {
}
#footer .moduletable h3 {
	font-family: Arial, Helvetica, "Segoe UI", sans-serif;
}
/* @end */

/*Author Text*/
span.small,.createdate {
	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
}
/*Last Updated Text*/
.modifydate {
	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
}

/* Content Headings */

a.contentpagetitle {
	text-decoration: none;
	color: #ed0025;
}

a.contentpagetitle:hover {
	color: #000;
	text-decoration: none;
}

td.contentheading {
	color: #000;

}

.contentheading {
	color: #ed0025;
	letter-spacing: normal;
	font: normal normal 24px/25px Arial, Helvetica, Helvetica Neue, sans-serif;
}

.componentheading, .contentheadinghome {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
}
/*Read more...*/
a.readon {
	font: bold 12px/20px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #ed0025;
}

a.readon:hover {
	color: #333;
	text-decoration:none;
}

/*Buttons*/

input.button {
	border: 1px outset #666;
	background: #3d3d3d;
	color: #fff;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}
/* Category Tables */

td.sectiontableheader {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #ed0025;
	font-weight: bold;
}

td tr.sectiontableentry1 td,
td.sectiontableentry1 {
	background: #fff;
	border-bottom: 1px solid #fff;
}

td tr.sectiontableentry2 td,
td.sectiontableentry2 {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.sectiontableentry1 a,
.sectiontableentry2 a {
	text-decoration: none;
}
/*****************left column buttons**********************/

div.moduletable_data ul, 
#css3button,
div.moduletable_assess ul,
#css3button2,  
#step #css3button2
{font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; font-weight:bold; font-size:12px; margin-bottom:9px; letter-spacing:normal;} 

div.moduletable_data li,
#css3button li, 
div.moduletable_assess li,
#css3button2 li,  
#step li, 
div.moduletable_step li 
{ text-decoration:none; list-style:none; line-height:30px; color:#000000;}

#css3button a, 
#css3button2 a, 
div.moduletable_assess a, 
div.moduletable_data a,
#step a, 
div.moduletable_step a {
     padding: 3px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
	 width:216px;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000 inset 1px #ccc;; border-right: 1px solid #666;
}
#css3button a, 
div.moduletable_data a
{
     background: url(../images/bg.gif) bottom repeat-x #9eabb3;}

div.moduletable_assess a,
#css3button2 a,
 #step a, 
 div.moduletable_step a {
     background: url(../images/bg2.gif) bottom repeat-x #9eabb3;
     }
#css3button a:hover,
div.moduletable_data a:hover{
     background: url(../images/bg_h.gif) bottom repeat-x #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
color:#000;
}
div.moduletable_assess a:hover, 
#css3button2 a:hover, 
#step a:hover, 
div.moduletable_step a:hover {
     background: url(../images/bg2_h.gif) bottom repeat-x #8bacca;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}

.bla{text-transform:uppercase; font-weight:bold; letter-spacing:-1px;color:#fff;}
/* Easy Slider */
#splash {
margin:0 ;
height:160px;
width:960px;
}


	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:960px;
	height:160px;
	overflow:hidden;
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(btn_next.gif) no-repeat 0 0;	
		}

		
	/* numeric controls */	

#controls{
		margin:1em 0 ;
		padding:0;
		height:28px;
		float: right;	
		display: inline-block;
		width:395px;
		}

#controls li{
		margin:0; 
		padding:0;
		float:left;
		display: inline-block;
		list-style:none;
		height:28px;
		line-height:28px;
		width: 35px;
		}
#controls li a{
		float:right;
		display: inline-block;
		height:28px;
		line-height:28px;
		color:#333333;
		padding:0 10px;
		text-decoration:none;
		}
#controls li a:hover{
	background-color:#d41c62;
		}

#controls li.current a{
		display: inline-block;
		color:#111111;
		font-weight:bold;
		background-color:#999999;
		}
#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#main .inside table{

}
#main .inside table .lft{
float:left;
width:45%;
margin-right:5%;
vertical-align:top;
}
#main .inside table td{
vertical-align:top;
text-align:left;
}
#main .inside table h3{
font-size:16px;
font-weight:bold;
border-bottom:1px solid #ed0025;
padding:6px 0 2px 0;
margin-bottom:8px;
}
#main .inside table td .noLine{
font-size:16px;
font-weight:bold;
border-bottom:none;
padding:6px 0 12px 0;
margin-bottom:0;
display:block;
width:100%;
}
#main .inside table table{
width:100%;
margin:0;
padding:0;
}
/*#main #content .inside .contentpaneopen h2{
display:block;
background-color:#747779;
color:ffffff;!important
font-size:16px;
font-weight:bold;
padding:2px 6px;
margin-bottom:12px;

}*/

#main .inside table .lft h4{
display:block;
background-color:#fff;
color:#666;
font-size:14px;
font-weight:normal;
padding:2px 6px;
margin:9px 0 9px 0;
/*border-bottom:2px solid #666;*/
border: 1px solid #2090bf;
vertical-align:top;
}
.wht{
color:#FFFFFF;

}
div.lft{
vertical-align:top;}
#main .inside table .contentheading{
font-size:22px;
}
#main .inside table ul{
padding-bottom:12px;
}
#main .inside table #step{
width:100%;
margin-top:15px;
padding:0px;

float:left;
clear:both;
}
#main .inside table #step h3{
width:250px;
height:23px;
margin-top:15px;
padding:0px 10px;
display:block;
background-color:#ed0025;
color:#fff;
font-stretch:normal;
}
#main .inside table #step p{
}
/*I need to menu*/

 #but{
  width:100%;
  margin:0;
padding:3px 6px;
background:#ed0025 url(../images/tria.jpg) 220px 3px no-repeat;
border:none;
border-bottom:2px solid #666;
color:#fff;
text-transform:uppercase;
text-align:left;
font-weight:bold;
cursor:pointer;

}

#show { 
margin:0;
padding:0;
background:#ee1515;
width:100%;
display:none;
font-size:12px;
list-style:none;
}

#show li{
margin:0;
padding:0;
list-style: none;
border-bottom: 1px solid #ccc;
}
#show li a, #show li a:hover{
width:251px;
display:block;
padding:2px 6px;
color:#da0022;
text-decoration:none;
background-color:#fff;
} 
#show li a:hover{
background-color:#eee;
color:#000;}
/*end "I need to" menu*/
#kicker{
font-size:130%;
line-height:160%;
font-weight:bold;
padding-bottom:12px;
}
td#content h2, td.contentheading{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#2090bf;
font-size:24px;
padding:0 0 12px 0;
border-bottom:none;
}
td#content h2.home{
letter-spacing:-0.03em;
}
td#content h2.home span{
font-size:21px;
text-transform:uppercase;
}
/*.blue{
color:#2090bf;
font-size:120%;
font-weight:bold;}*/
/******************quick-links************************/
div.moduletable #_quick{
float:left; display:inline;
list-style:none;
}
div.moduletable #_quick li{
float:left; 
display:block;
list-style:none;
}
#jflanguageselection .rawimages a{
padding-right:9px;
}/* space between language selection  links*/
/**********************managed services***********************/
table.plan{
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:0;
    border-bottom: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;}
	
table.plan tr{ width:100%; padding:0; margin:0;}	
table.plan tr.odd, table.plan th{
	background-color:#ececec;
	
	}
table.plan th, table.plan tr td, table.plan tr.odd td{ margin:0;
	border-right: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	padding:1% 2%;
	text-align:left;
}

/*********************remote DBA page**********************/
h4.wht{
	display:block;
	width:100%;
	background-color: #FFFFFF;
    border: 1px solid #2090BF;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin: 9px 0;
    padding: 2px 6px;
    vertical-align: top;
	}