/* @group Global Style */
.clr {
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}
body {
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	font: 12px/1.3 Arial, Helvetica, Geneva, sans-serif;
	background: #666 url(images/bg.gif) repeat-x;
}
a img {
	border: none;
}
/* a:link, a:visited {
	color: #009ac8;
	text-decoration: none;
}
*/
a:hover, a:active {
	color: #b31b1b;
}
/* @end */

/* @group Wrapper */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	color: #ccc;
}

#wrapper {
	width: 974px;
	margin: 0 auto;
	text-align: left;
	background: url(images/shadow-mid_dark.gif) repeat-y center top;
	position: relative;
}
#inner {
	padding-left: 14px;
	background: url(images/shadow-top_dark.gif) no-repeat center top;
	padding-right: 14px;
	position: relative;
}
#header {
	background: #999 url(images/bg.gif) repeat-x top;
	width: 946px;
	z-index: 1000;
	height: 94px;
}

#banner {
	background: url(images/serena_business_mashups_top.gif) no-repeat;
	clear: both;
	height: 35px;
	text-indent: -999em;
}

#content {
	border-bottom: none;
	border-top-width: 1px;
	position: relative;
}
#footer {
	background: #666 url(images/shadow-bottom_dark.gif) no-repeat center top;
	padding-top: 17px;
	height: 10px;
}
/* @end */

/* @group Header */
#logo {
	display: block;
	float: left;
	width: 199px;
	height: 59px;
	background: url(images/serena_logo_dark.gif) no-repeat center 19px;
	text-indent: -999em;
	overflow: hidden;
}

.search {
	float: right;
	white-space: nowrap;
	padding-top: 24px;
	padding-right: 20px;
}
.search input {
	padding: 2px 0 0 0;
	margin: 0;
	//display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	border: 1px solid #a5acb2;
	margin-right: -1px;
	text-indent: 0.5em;
	color: #666666;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	background: #fff;
}
#submenu {
	padding-top: 24px;
	padding-right: 54px;
	float: right;
	font-size: 10px;
	line-height: 18px;
	color: #60604b;
	position: relative;
	z-index: 2000;
}

#submenu a:link,
#submenu a:visited,
#submenu a:hover,
#submenu a:active,
#submenu a,
a.ui:link,
a.ui:visited,
a.ui:hover,
a.ui:active,
a.ui {
	background: url(images/dwn-arrow.gif) no-repeat right center;
	text-decoration: none;
	color: #999;
	padding: 10px;
	margin-right: 9px;
}
a.ui:hover,
a.ui:active,
a.ui {
	padding-left: 0 !important;
}

#submenu a:active {
	text-decoration: underline;
}
#submenu.popup div:hover,
#submenu.popup {
	display: block !important;
}

#submenu div {
	background: #FFF;
	border: 1px solid #666;
	padding: 10px 20px;
}
#submenu div a:link, #submenu div a:visited {
	color: #009ac8;
	background: none;
}
#submenu div a:hover, #submenu div a:active {
	color: #b31b1b;
}

/* Support and Welcome*/
#submenu form {
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#submenu form input {
	font-size: 1.1em;
	border: 1px solid #808072;
	color: #808072;
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin: 0;
	height: 1.3em;
	line-height: 1.3em;
	margin-right: 0.25em;
}
#submenu form input.submit {
	margin: 0.5em 0;
	height: 1.8em;
	color: #60604b;
	background-color: #ece9d8;
	border-right-color: #666;
	border-bottom-color: #666;
}
#submenu form input.submit:active {
	margin-top: 0.6em;
	margin-bottom: 0.4em;
	background-color: #808072;
	color: #ece9d8;
}

/* Country */
#submenu #popup {
	margin-left: 10px;
}
#submenu div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#submenu div ul.col1 {
	width: 75px;
}
#submenu div ul li a {
	white-space: nowrap;
	padding: 0 !important;
}
#submenu div p {
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #333;
}
#submenu div p a {
	padding: 0 !important;
}
/* @end */

/* @group Footer */
#footer {
	color: #999;
	font-size: 11px;
	padding: 17px 21px 0 15px;
}
#footer a:link, #footer a:visited {
	color: #999;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
#footer ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	border-left: 1px solid #999;
}
#footer li.first {
	border: none;
}
#footer li a {
	padding: 10px;
}
#footer p.copyright {
	text-align: right;
	margin: 0;
	color: #999;
}
/* @end */

/* @group Mashups Dark */

a:link, a:visited {
	color: #009ac8;
	text-decoration: none;
}

a:hover, a:active {
	color: #a71932;
	text-decoration: underline;
}

h1 {
	color: #ccc;
}

h2 {
	color: #009ac8;
	line-height: 1;
	font-size: 1.5em;
}

h2 span {
	display: block;
	font-size: 0.8em;
}

h3 {
	font-size: 1.2em;
	color: #fff;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

h4 {
	color: #80C37B;
	line-height: 1;
	font-size: 1.1em;
}

#sidebar {
	position: absolute;
	float: left;
	font-size: 11px;
	width: 195px;
	padding: 0;
	z-index: 100;
	margin-top: 2px;
	margin-left: 0;
	margin-right: 0;
	height: 626px;
	overflow: auto;
}

#sidebar ul {
	margin: 0 8px 0 20px;
	list-style-type: none;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 0;
}

#sidebar ul ul {
	margin-right: 0;
	margin-left: 0;
}

#sidebar ol {
	margin: 0;
}

#sidebar li {
	margin-bottom: 1.5em;
}

#sidebar li li {
	
}

#sidebar li ul, #sidebar li ol {
	padding: 0 0 0 1em;
}

#sidebar ul li ul {
	list-style-type: disc;
	display: none;
}

#sidebar ul li ul li{
	list-style-type: square;
	display: list-item;
	margin-left: 3px;
}

#sidebar ul li.active ul {
	display: block !important;
}

#sidebar a:link, #sidebar a:visited {
	color: #80C37B;
	display: block;
	font-size: 1.2em;
	line-height: 1.3;
	text-decoration: none;
	margin-bottom: 1px;
}

#sidebar a:hover, #sidebar a:active, #sidebar li.on a:link, #sidebar li.on a:visited {
	color: #009ac8 !important;
}

#sidebar li.start a:link, #sidebar li.start a:visited {
	color: #009ac8;
	padding-top: 2em;
}

#sidebar li li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar li li a:link, #sidebar li li a:visited {
	color: #C5960B;
	font-size: 1.1em;
}

#sidebar li li:hover, #sidebar a:hover, #sidebar a:active {
}

#sidebar li h3 {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	line-height: 1;
	font-size: 1.3em;
	color: #EC891D;
}

#sidebar li h3 a, #sidebar li.on h3 a {
	color: #EC891D !important;
}

/* Content */

#content {
	margin-top: 1px;
	background: #000 url(images/sidebar-bg.gif) repeat-x 0 -121px;
}

#content .content {
	border-left: 1px solid #000;
}

* html #content {
	margin-top: 0;
}

#flash {
	position: relative;
	background: #000 url(images/splash_screen_var1.png) no-repeat center center;
	padding: 10px 15px 0; 
	margin: 0 0 0 195px;
	height: 570px;
}

#flash p {
	position: absolute;
	bottom: 0px;
	width: 720px;
	text-align: center;
	color: #009AC8;
}

#flash p a:link, #flash p a:visited {
	color: #D6B554;
}

#flash p a:hover, #flash p a:active {
	text-decoration: underline;
}

/* For Overview topic */
#text {
	position: relative;
	background: #000 url(images/black.png) no-repeat center center;
	padding: 10px 15px 0;
	margin: 0 0 0 195px;
	height: 570px;
	overflow-x: hidden;
	overflow-y: auto;
}

#text p li {
	position: relative;
	bottom: 0px;
	width: 720px;
	text-align: left;
	color: #FFFFFF;
}

#text p a:link, #text p a:visited {
	color: #009ac8;
	
}

#text p a:hover, #text p a:active {
	color: #009ac8;
	text-decoration: underline;
	
}



/*#flash0 {
	position: absolute;
	top: -9999px;
}*/

#content li h3 {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

#content li p {
	margin-top: 0;
}

#content ul.sub {
	list-style-type: none;
}

#content table {
	font-size: 1em;
	border-collapse: collapse;
	width: 534px;
}

#content table td,
#content table th {
	border: 1px solid #666;
	padding: 0.5em;
}

#content table th {
	background: #222;
	color: #fff;
}

/* MidCol */

div.midcol {
	margin-top: 40px;
	margin-left: 170px;
	background: url(images/border-topleft-gray6.gif) repeat-y 499px;
	width: 500px;
	position: relative;
}

div.midcol .content {
	padding-left: 10px;
	padding-right: 20px;
}

div.midcol h1 {
	padding: 20px 0;
}

/* RightCol */

div.rightcol {
	position: absolute;
	top: 0px;
	margin-top: 60px;
	width: 205px;
	left: 690px;
}

.rightcol h4 a:link, .rightcol h4 a:visited {
	color: #999;
	font-size: 1.2em;
	line-height: 1.2;
}
.rightcol h4 a:hover, .rightcol h4 a:active {
	text-decoration: underline;
}

/* Blocks */

div.midcol dl, div.midcol dt, div.midcol dd {
	padding: 0;
	margin: 0;
}

/*div.midcol dl {
	margin-left: -10px;
}*/

div.midcol dt {
	margin: 0;
	display: block;
	width: 469px;
	height: 28px;
	line-height: 28px;
	text-indent: 10px;
	color: #fff;
	background: url(images/sub-block-top_dark.gif) no-repeat;
}

div.midcol dd {
	background: url(images/sub-block-bottom_dark.gif) no-repeat 0 bottom;
	margin-bottom: 2em;
	width: 469px;
	padding: 1em 0;
}

div.midcol dd img {
	float: left;
	margin-left: 1em;
}

div.midcol dd .logo {
	float: left;
	display: block;
	background: url(images/partner-logo-bg.gif) no-repeat;
	width: 108px;
	height: 88px;
	margin-left: 1em;
}

div.midcol dd .logo img {
	float: none;
	display: block;
	margin: auto;
	margin-top: 25px;
}

div.midcol dd p {
	padding: 0 1em;
	margin-left: 129px;
	background: url(images/border-topleft-gray6.gif) repeat-y;
}

div.midcol dd p a {
	display: block;
	margin-top: 1em;
}

/* @end */

/* @group Steps */

#content table#steps {
	width: 100%;
	border-collapse: collapse;
	border: none;
}
#content table#steps td {
	border: none;
}

#steps {
	width: 96% !important;
}

#steps a {
	display: block;
	width: 90px;
	height: 172px;
	overflow: hidden;
	text-indent: -999em;
	background: url(images/step1.gif) no-repeat;
}

#steps a.step1 {background: url(images/step1.gif) no-repeat;}
#steps a.step1:hover {background: url(images/step1-over.gif) no-repeat;}
#steps a.step2 {background: url(images/step2.gif) no-repeat;}
#steps a.step2:hover {background: url(images/step2-over.gif) no-repeat;}
#steps a.step3 {background: url(images/step3.gif) no-repeat;}
#steps a.step3:hover {background: url(images/step3-over.gif) no-repeat;}
#steps a.step4 {background: url(images/step4.gif) no-repeat;}
#steps a.step4:hover {background: url(images/step4-over.gif) no-repeat;}
#steps a.step5 {background: url(images/step5.gif) no-repeat;}
#steps a.step5:hover {background: url(images/step5-over.gif) no-repeat;}

/* @end */

/* @group Misc */

li.license ol {
	display: none;
}

#license li.license ol {
	display: block !important;
}

#sidebar li.on, #sidebar li.on a, #sidebar li a.on {
	color: #80C37B !important;
	font-weight: bold;
}



/* @end */

/* @group Next / Previous */

#nextprev {
	width: 894px;
	height: 39px;
}

a.next, a.prev {
	display: block;
	text-indent: -999em;
	/*background: url(images/buttonNext.gif) no-repeat 0 bottom; */
	
	line-height: 19px;
	width: 72px;
	overflow: hidden;
	margin: 15px 15px 0;
}

a.next 
{
	/*background: url(images/buttonNext.gif) no-repeat 0 top; */
	
	
	float: right;
}
a.prev 
{
	/* background: url(images/buttonPrev.gif) no-repeat 0 top;*/
	
	
	float: left;
	margin-left: 276px;
}

* html a.prev {
	margin-left: 145px;
}

a.next:hover, a.prev:hover {
	background-position: left bottom;
}

a.next:active, a.prev:active {
	background-position: left top;
}

/* @end */

/* Uncomment the following to convert the content area to white */

/* WHITE *

#content {
	background-color: #fff;
	color: #333;
}

#index #content {
	background-color: #000;
	color: #fff;
}

h3 {
	color: #000;
}

#content table td {
	color: #666;
	border-color: #ccc;
}

#content table th {
	color: #000;
	background: #eee;
	border-color: #ccc;
}

/* WHITE */

/* @group Move Up */

body {
	background-position: 0 -65px;
}

#header {
	background-position: 0 -65px;
	height: 39px;
}

#banner
 {
	height: 40px;
	background-position: 0 bottom;
}

#banner span {
	display: block;
	background: url(images/title_elearning.gif) no-repeat right bottom;
	height: 30px;
	margin-right: 85px;
}

#inner {
	background-position: 0 -65px;
}



#logo {
	position: absolute;
	height: 35px;
	background-image: none;
	width: 140px;
	margin-left: 43px;
}

#footer p.copyright {
	color: #333;
	text-transform: uppercase;
	font-size: 8px;
	text-align: left;
}

/** {outline: 1px dotted aqua;}*/

/* @end */