/* OpenSolaris.com CSS */ 

/* Main style defintions for the body               */
/* ------------------------------------------------ */

/* Global Container Styles */
#maincontainer {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	display: block;
}

.container {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	display: block;
}

body {
	font-size: 12px; /* 1em is now 12px */
	color: #747474;  /* standard text is now dark grey */
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

.body p{
	line-height: 17px;
}

.body p a{
	color: #2888c5;
	font-size: 12px;
}

/*  Standard link and visited colors used throught */
a { color: #2888c5; }
a.small { font-size: 11px; }
a:visited{ color: #587894;}

/* standard header sizes used in main body area (except banners and large headings) */
h1{
	font-size: 16px;
	font-weight: bold; 
}
h1 a,
h1 a:hover{
	text-decoration: none;
	color: #4A4A4A;
}
h2{
	font-size: 14px; 
	font-weight: bold; 
}
h3{
	font-size: 12px; 
	font-weight: bold; 
}

#headeroffset {
	/*margin-top: 38px; /* headerbar floats, set a one-off margin offset */ 
	margin-top: 15px; /* headerbar floats, set a one-off margin offset */

}

/* Global Navigation icons                           */ 
/* ------------------------------------------------- */

/* the navbar is used to navigate to the three different sections on the site: */
/* get, disucss, and learn. */

.navbar {
	float: right;	
	display: inline;
	position: relative;	/* we position the item relative so we can...*/
	margin-top: 25px;
	width: 400px;
}
.navbar a {
	float: right;
	display: inline;
	/*display: block;*/
	height: 30px;
	width: 30px;
}
.navbar form {
	display: inline;
	float: right;
	margin: 0 5px 0 5px;
}
.navbar input.searchfield {
	width: 235px;
}
.navbar #header-search {
	position: absolute;
	top: -7px;
	left: -300px;
	width: 400px;
}

.navbar #header-search .btnSearch {
	position: relative;
	top: 6px;
}

.navbar #header-icon-nav {
	float: right;
	width: 160px;
}
.navbar ul {
	list-style-type: none;
	display: inline;
	float: right;
	position: relative;
}
.navbar ul li {
	width:30px;
	height:30px;
	margin: 0 5px 0 5px;
}
.navbar #discuss {
	background: url("/images/gnav_discuss.png") no-repeat;
}
.navbar #discuss:hover {
	background: url("/images/gnav_discuss.png") 0 28px;
}
.navbar #use {
	background: url("/images/gnav_use.png") no-repeat;
}
.navbar #use:hover {
	background: url("/images/gnav_use.png")  0 28px;
}
.navbar #get {
	background: url("/images/gnav_get.png") no-repeat;
}
.navbar #get:hover {
	background: url("/images/gnav_get.png")  0 28px;
}
.navbar #learn {
	background: url("/images/gnav_learn.png") no-repeat;
}
.navbar #learn:hover {
	background: url("/images/gnav_learn.png")  0 28px;
}

/* Global Footer -- these appear on every page        */
/* -------------------------------------------------- */	

.footer {
	position: relative;
	font-size: 10px;
	margin: 6px auto;
	vertical-align: middle;
	height: 50px;
	padding-bottom: 25px;
	clear: left;
}
#footerline {
	position: relative;
	width: 900px;
	height: 10px;
	background-image: url('../images/footer_line.gif');
}	
#copyright{
	height: 35px;
	float: left;
	display: inline;
	color: #b9b9b9;	
	padding-top:13px;
	padding-left:23px;
}
#footernav{
	height: 35px;
	padding-top:13px;
	float: right;
	display: inline;
	color: #c6c6c6;
	vertical-align: middle;
}

/*  Gradient bars                         */
/* -------------------------------------- */

/* Displayed at the top of the screen and the bottom of the screen */
.header{
	padding: 12px 0 0 0;
	height:46px;
}
.headerbar { 
	width: 100%;
	height: 15px;
	background-image: url('../images/header_gradientpart.png');
	display: block;
}

.footerbar { 
	width: 100%;
	height: 30px;
	background-image: url('../images/footer_gradientpart_new.png');
	display: inline;
	float: left;
}

/* OpenSolaris Logo - floating PNG class      */
/*------------------------------------------- */

/* we need to float the opensolaris logo over the gradient bar */ 
#opensolarislogo{
	/*cursor: hand;*/
	cursor:default;
	position: absolute;
    width: 181px;
    height: 51px;
    background: url('../images/opensolaris_logo_trans.png') top left no-repeat;
}

#footerlogo{
	/*cursor: hand;*/
	cursor:default;
	position: absolute;
	width: 63px;
	height: 28px;
	background: url('../images/sun_logo_transparent.png') top left no-repeat;
}

#gnav_learn_sel{
    position: absolute;
    height: 30px;
    width: 30px;
    background: url('../images/gnav_learn.png') 0 28px;
}
#gnav_get_sel{
    position: absolute;
    height: 30px;
    width: 30px;
    background: url('../images/gnav_get.png') 0 28px;
}
#gnav_use_sel{
	float: right;
	display: inline;
	/*display: block;*/
	height: 30px;
	width: 30px;
    background: url('../images/gnav_use.png') 0 28px;
}
#gnav_share_sel{
    position: absolute;
    height: 30px;
    width: 30px;
    background: url('../images/gnav_discuss.png') 0 28px;
}


/* Columns                                    */
/*------------------------------------------- */

div.leftcol{
	float: left;
	display: block;
	/*width: 608px;*/
	width: 685px;
}

div.rightcol{
	float: left;
	display: block;
	/*width: 292px;*/
	width: 215px;
}

div.rightcol p,
div.leftcol p{
	margin-right: 15px;
}

div.subpagewrapper{
	/*background: url('../images/subpageleftcolbackground1.gif') repeat-y;*/
	background: url('../images/vertline.gif') repeat-y;
}

div.subpageleftcol{
	/*width: 225px;*/
	width: 214px;
	height:100%;
	margin-right: 10px;
	border-top: 4px solid #7EB2D3;
	/*border-right: 1px solid #7EB2D3;*/
	/*background-color:#03F;*/	
}

div.subpageleftcol h3{
	margin: 8px;
	font-size: 14px;
	font-weight: normal;
}

div.subpageleftcol ul li ul.show{
	display: block;
}

div.subpageleftcol ul li ul.hide{
	display: none;
}

div.subpageleftcol ul li ul li{
	margin: 0 0 3px 5px;
}

div.subpageleftcol ul li.selected ul li a{
	/*background: none;*/
	color: #2888c5;
}
div.subpageleftcol ul li.selected ul li.selected a{
	color: #4A4A4A;
	background: url('../images/darkgrey_grey_right_arrow.gif') no-repeat center right;
	padding: 0 15px 0 0;
}

div.subpageleftcol ul{
	margin: 8px; 
}

div.subpageleftcol li{
	margin: 0 0 10px 0;
}

div.subpageleftcol li a{
	text-decoration: none;
	font-weight: bold;
}

div.subpageleftcol li.selected a{
	color: #4A4A4A;
	background: url('../images/darkgrey_grey_right_arrow.gif') no-repeat center right;
	padding: 0 15px 0 0;
}

div.subpagerightcol{
	/*width: 665px;*/
	width: 675px;
}

div.subpagerightcol h2{
	/*background: #000;*/
	background: #000000;
	/*color: #fff;*/
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 9px 0 10px 8px;
	text-transform: uppercase;
}

/* if the sIFR-active class is present then compensate the padding for him. */
.sIFR-active div.subpagerightcol h2 {
	padding: 8px 0 2px 8px;
}



/* non sIFR headings for translated pages
  Method (Kris): We should change if sifr is active, not the other way around.
body.i18n div.subpagerightcol h2 {
	padding: 8px 0 8px 8px;
}
*/

div.subpagerightcol h3{
	font-size: 14px;
	width: 100%;
}

div.subpagerightcol h3 a{
	color: #4a4a4a;
	text-decoration: none;
}

div.subpagerightcol div.border{
	text-align: right;
	border-bottom: 1px solid #d2d5d7;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

div.subpagerightcol ul.horizontal{
	background: #e4e4e4;
	padding: 8px 8px 10px 8px;
	height: 10px;
	margin: 1px 0 10px 0;
}

div.subpagerightcol ul.horizontal li{
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}

div.subpagerightcol ul.horizontal li.selected a{
	color: #4a4a4a;
	text-decoration: none;
}

/* Video Item for Learn Subpages video list --*/
/*--------------------------------------------*/
div.subpagerightcol div.videoitem{
	margin: 0 0 16px 0;
	padding: 0 0 16px 0;
	width: 665px;
	height: 181px;
	border-bottom: 1px solid #d2d5d7;
}

div.subpagerightcol div.videoitem div.videoholder{
	float: left;
	display: inline;
}

div.subpagerightcol div.videoitem div.videoinfo{
	margin-left: 16px;
	width: 338px;
	float: left;
	display: inline;
}

div.subpagerightcol div.videoitem div.videoinfo h3{
	color: #4a4a4a;
	font-size: 14px;
	margin: 0 0 2px 0;
}

div.subpagerightcol div.videoitem div.videoinfo span{
	color: #a7a7a7;
}

/* Anchor box for detail pages                */
/*------------------------------------------- */

div.anchorbox{
	margin: 2px 0 16px 0;
	background: #e4e4e4;
	padding: 8px;
	/*border: 1px solid #7EB2D3;*/
}

div.anchorbox ul{
	margin: 0 20px 0 0;
	display: block;
}

div.anchorbox ul li{
	margin: 3px 0 3px 0;
}

div.anchorbox ul li a{
	padding: 0;
	margin: 0;
}


/* Home page sections, learn,use,share,get images */
/*------------------------------------------- */

div.sections{
	width: 100%;
	height: 180px;
	margin: 26px 0 8px 0;
}

div.sections a{
	display: block;
	float: left;
	margin: 0 13px 0 0;
	text-decoration: none;
}

div.sections a.learn{
	width: 215px;
	height: 180px;
	background: transparent url('../images/learn_ext.png') 0px 0px no-repeat;
}

div.sections a.use{
	width: 215px;
	height: 180px;
	background: transparent url('../images/use_ext.png') 0px 0px no-repeat;
}

div.sections a.share{
	width: 215px;
	height: 180px;
	background: transparent url('../images/share_ext.png') 0px 0px no-repeat;
}

div.sections a.get{
	width: 215px;
	height: 180px;
	background: transparent url('../images/get_ext.png') 0px 0px no-repeat;
	margin: 0 0 0 0;
}

div.sections a.learn:hover,
div.sections a.use:hover,
div.sections a.share:hover,
div.sections a.get:hover{
	background-position: 0 -244px;
}

div.sections a p {
	color: #C3C3C3;
	display: none;
	line-height: 16px;
	padding: 0;
	width: 195px;
}

div.sections a:hover p{
	display: inherit;
	width: 195px;
	/*margin: 182px 0 0 8px;*/
	margin: 118px 0 0 8px;
}




/* News Module                                */
/*------------------------------------------- */

div.news{
	/*width: 598px;*/
	width: 672px;
	border-top: 2px solid #000;
	margin: 8px 0 16px 0;
}

div.newsnav{
	background: #eee;
	/*width: 596px;*/
	width: 670px;
	display: block;
	height: 24px;
	border-bottom: 1px solid #B9B9B9;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}


div.newsnav ul {

}

div.newsnav span.archives{
	display: inline;
	float: left;
	margin: 5px 0px 0px 5px;
}
div.newsnav span.archives a{
	text-decoration: none;
}

div.newsnav span.news-feed-rss-icon{
	display: inline;
	float: right; 
	margin: 4px 4px 0px 0px;
}
div.newsnav span.news-feed-rss-icon a{
	text-decoration: none;
}


div.newsnav ul li{
	float: left;
	display: inline;
	margin: 0;
	height:	24px;
}

div.newsnav ul li a,
div.newsnav ul li a:visited{
	text-decoration: none;
	border-right: 1px solid #D0D0D0;
	color: #323232;
	height: 24px;
	line-height: 24px;
	display: block;
	float: left;
	margin: 0;
}
div.newsnav ul li a:hover,
div.newsnav ul li a:active{
	color: #2888c5;
}

div.newsnav ul li a.all{
	padding: 0 15px 0 15px;
}
div.newsnav ul li.selected a.all{
	padding: 0 15px 0 15px;
	color: #fff;
}

div.newsnav ul li a.articles{
	padding: 0 15px 0 30px;
	background: url('../images/news_articles_bullet.gif') no-repeat 8px 0;
}

div.newsnav ul li.selected a.articles{
	padding: 0 15px 0 30px;
	background: url('../images/news_articles_bullet.gif') no-repeat 8px -24px;
	color: #fff;
}

div.newsnav ul li a.blogs{
	padding: 0 15px 0 30px;
	background: url('../images/news_blogs_bullet.gif') no-repeat 9px 0;
}

div.newsnav ul li.selected a.blogs{
	padding: 0 15px 0 30px;
	background: url('../images/news_blogs_bullet.gif') no-repeat 9px -24px;
	color: #fff;
}

div.newsnav ul li a.podcasts{
	padding: 0 15px 0 30px;
	background: url('../images/news_podcasts_bullet.gif') no-repeat 8px 0;
}

div.newsnav ul li.selected a.podcasts{
	padding: 0 15px 0 30px;
	background: url('../images/news_podcasts_bullet.gif') no-repeat 8px -24px;
	color: #fff;
}

div.newsnav ul li a.video{
	padding: 0 15px 0 30px;
	background: url('../images/news_video_bullet.gif') no-repeat 8px 0;
}

div.newsnav ul li.selected a.video{
	padding: 0 15px 0 30px;
	background: url('../images/news_video_bullet.gif') no-repeat 8px -24px;
	color: #fff;
}

div.newsnav ul li.selected{
	background: url('../images/news_menu_gradient.gif') repeat-x;
	color: #fff;
	border: none;
}

div.newsnav ul li.selected a{
	color: #fff;
}

div.news ul.newslist{
	/*width: 596px;*/
	width: 670px;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}

div.news ul.newslist li{
	padding: 6px 15px;
	border-bottom: 1px solid #D0D0D0;
}
div.news ul.newslist li span {
	padding: 0 20px 0 0;
}

/* Sub Navigation module                      */
/*------------------------------------------- */

ul.subnav{
	width: 100%;
	height: 32px;
	display: block;
	margin: 0;
}

ul.subnav li{
	display: inline;
	float: left;
}

ul.subnav li a{
	margin: 0 30px 0 0;
	text-decoration: none;
	font-weight: bold;
}

/* Video player module                        */
/*------------------------------------------- */

div.videoplayerbox{
	/*width: 900px;*/
	width: 670px;
	/*height: 366px;*/
	/*height: 237px;*/
	height: 180px;
	background: #000 url('../images/blackgradient.gif') repeat-x bottom left;
	margin: 8px 0 0 0;
}

div.videoplayerbox div.videoplayer{
	margin:	6px;
	float: right;
	display: inline;
}

div.videoplayerbox div.videoinfo{
	color: #fff;
	margin: 10px 10px 10px 10px;
	/*width: 260px;*/
	width: 380px;
	float: left;
	display: inline;
	/*background-color:#3FF;*/
}

div.videoplayerbox div.videoinfo h5{
	text-transform: uppercase;
	display: block;
	margin: 0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
}

div.videoplayerbox div.videoinfo h4{
	color: #2888C5;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 0;
}

div.videoplayerbox div.videoinfo a.downloadviewall{
	width: 64px;
	height: 18px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	background: transparent url('../images/blue_view_all_arrow.gif') no-repeat 58px 7px;
	margin: 1px 0 0 0;
	padding: 4px 0 0 4px;
	display: block;
	line-height: 15px;
	border-top: 1px solid #505050;
}

div.videoplayerbox div.videoinfo a.downloadviewall span{
	text-transform: capitalize;
}

/* sifr3 headlines                            */
/*------------------------------------------- */
h2.headline{
	border-bottom: 1px solid #D2D5D7;
	margin:	0 0 10px 0;
	
	height: 62px;
	line-height: 48px;
}

h2.smallheadline{
	border-bottom: 1px solid #D2D5D7;
	margin:	0 0 10px 0;
	width: 100%;
	height: 40px;
	line-height: 30px;
}

h2.headline span.darkgrey {
	font-size: 48px;
	color: #323232;
	font-weight: normal;
	height: 55px;
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	margin: 2px 0 0 0;
}

h2.headline span.grey {
	font-size: 48px;
	color: #ACACAC;
	font-weight: normal;
	background: url('/images/opensolaris_bigtxt.png') no-repeat 0px 7px;
	text-indent: -2000px;
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	height: 55px;
	width: 240px;
	margin: 2px 0 0 17px;
}

h2.smallheadline span.grey {
	font-size: 30px;
	color: #ACACAC;
	font-weight: normal;
	background: url('/images/opensolaris_txt.png') no-repeat 0px 3px;
	text-indent: -2000px;
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	height: 33px;
	width: 150px;
	margin: 2px 0 0 7px;
}

h2.smallheadline span.darkgrey {
	font-size: 30px;
	color: #323232;
	font-weight: normal;
	height: 33px;
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	margin: 2px 0 0 0;
}

/* Feature Download Module (left column)      */
/*------------------------------------------- */
div.leftcol div.featuredownload{
	width: 598px;
	height: 237px;
	background: #000 url('../images/blackgradient.gif') repeat-x bottom left;
	margin: 8px 0 16px 0;
}

div.leftcol div.featuredownload img.featuredownloadimage{
	margin:	5px;
	float: left;
	display: inline;
}

div.leftcol div.featuredownload div.featuredownloadinfo{
	color: #fff;
	margin: 10px 0 10px 10px;
	width: 195px;
	float: left;
	display: inline;
}

div.leftcol div.featuredownload div.featuredownloadinfo h5{
	text-transform: uppercase;
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}
div.leftcol div.featuredownload div.featuredownloadinfo span{
	text-transform: uppercase;
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

div.leftcol div.featuredownload div.featuredownloadinfo p {
	margin: 10px 10px 10px 0;
	width: 200px;
}

div.leftcol div.featuredownload div.featuredownloadinfo h4{
	color: #2888C5;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
	font-weight: normal;
}

/* Beging addition by Extractable 05/10/09 */
div.featuredownloadinfo h6{
	color: #2888C5;
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	font-weight: normal;
}
/* End addition by Extractable 05/10/09 */


div.leftcol div.featuredownload div.featuredownloadinfo a.downloadbutton{
	height: 39px;
	width: 147px;
	background: transparent url('../images/blue_download_arrow.gif') no-repeat 2px 8px;
	color: #747474;
	font-size: 11px;
	padding: 6px 10px 0 32px;
	display: block;
	text-decoration: none;
	line-height: 15px;
	border-top: 1px solid #505050;
}

div.leftcol div.featuredownload div.featuredownloadinfo a.downloadbutton span{
	color: #fff;
	font-size: 16px;
	display: inline;
	text-transform: capitalize;
	font-weight: normal;
}

div.leftcol div.featuredownload div.featuredownloadinfo a.downloadviewall{
	width: 66px;
	height: 18px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	background: transparent url('../images/blue_view_all_arrow.gif') no-repeat 58px 7px;
	margin: 1px 0 0 0;
	padding: 4px 0 0 4px;
	display: block;
	line-height: 15px;
	border-top: 1px solid #505050;
}

div.leftcol div.featuredownload div.featuredownloadinfo a.downloadviewall span{
	text-transform: capitalize;
}


/* Feature Download Module  (right column)    */
/*------------------------------------------- */

div.rightcol div.featuredownload{
	/*width: 292px;*/
	width: 215px;
	/*height: 157px;*/
	height: 170px;
	background: #000 url('../images/blackgradient.gif') repeat-x bottom left;
	margin: 16px 0 16px 0;
	color: #fff;
}

div.rightcol div.featuredownload h5{
	text-transform: uppercase;
	position: relative;
	top: 8px;
	left: 5px;
	font-size: 11px;
	font-weight: bold;
	width: 95%;
}

div.rightcol div.featuredownload img.featuredownloadimage{
	margin:	8px 5px 5px 5px;
	float: left;
	display: inline;
}

div.rightcol div.featuredownload div.featuredownloadinfo{
	color: #fefefe;
}

div.rightcol div.featuredownload div.featuredownloadinfo p{
	width: 280px;
}

div.rightcol div.featuredownload div.featuredownloadinfo h4{
	color: #2888C5;
	font-size: 24px;
	font-weight: normal;
	margin: 4px 0 10px 0;
}


/* Feature Download Module (subpage right column)*/
/*------------------------------------------- */

div.subpagerightcol div.featuredownload{
	width: 665px;
	height: 237px;
	background: #000 url('../images/blackgradient.gif') repeat-x bottom left;
	margin: 9px 0 16px 0;
	color: #fff;
}

div.subpagerightcol div.featuredownload img.featuredownloadimage{
	margin:	5px;
	float: left;
	display: inline;
}

div.subpagerightcol div.featuredownload div.featuredownloadinfo{
	color: #fff;
	margin: 10px 20px 10px 10px;
	width: 250px;
	float: left;
	display: inline;
}

div.subpagerightcol div.featuredownload div.featuredownloadinfo h5{
	text-transform: uppercase;
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}


div.subpagerightcol div.featuredownload div.featuredownloadinfo h4{
	color: #2888C5;
	font-size: 18px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

div.subpagerightcol div.featuredownload div.featuredownloadinfo p{
	color: #A0A0A0;
}

div.subpagerightcol div.featuredownload div.featuredownloadinfo a.downloadbutton{
	height: 39px;
	width: 139px;
	background: transparent url('../images/blue_download_arrow.gif') no-repeat 6px 8px;
	color: #747474;
	font-size: 12px;
	padding: 6px 5px 0 42px;
	display: block;
	text-decoration: none;
	border-top: 1px solid #505050;
}

div.subpagerightcol div.featuredownload div.featuredownloadinfo a.downloadbutton span{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	display: inline;
}

div.subpagerightcol div.featuredownload div.featuredownloadinfo a.downloadviewall{
	width: 67px;
	height: 18px;
	color: #2888C5;
	text-decoration: none;
	font-size: 11px;
	background: #fff url('../images/blue_view_all_arrow.gif') no-repeat 60px 7px;
	margin: 1px 0 0 0;
	padding: 4px 0 0 6px;
	display: block;
}


/* Download ul list boxes                     */
/*------------------------------------------- */
div.subpagerightcol ul.getbox{

}

div.subpagerightcol ul.getbox li{
	height: 52px;
	width: 663px;
	border: 1px solid #E4E4E4;
	margin: 0 0 6px 0;
	background: url('../images/grey_white_arrow.gif') no-repeat 6px 10px;
}

div.subpagerightcol ul.getbox li a{
	display: block;
	padding: 7px 10px 10px 31px;
	font-weight: bold;
	text-decoration: none;
}

div.subpagerightcol ul.getbox li a span{
	color: #747474;
	font-weight: normal;
}


/* Link boxes Module                       */
/*------------------------------------------- */
div.linkbox{
	border: 1px solid #e4e4e4;
	/*width: 580px;*/
	width: 655px;	
	margin: 8px 0 16px 0;
	padding: 3px 8px 8px 8px;
}

div.linkbox h3{
	color: #3F3F3F;
	font-size: 21px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
}

div.linkbox ul{
	margin-bottom: 20px;
}

div.linkbox ul li{
	margin: 3px 0 3px 0;
	padding: 0;
}

div.linkbox ul li a{
	text-decoration: none;
	font-size: 12px;
}

div.linkbox a.viewall{
	background: transparent url(/images/blue_white_arrow_bullet.gif) center right no-repeat;
	color: #323232;
	display: inline;
	height: 19px;
	line-height: 16px;
	margin: 10px 0 0 0;
	padding: 3px 30px 3px 4px;
	text-decoration: none;
	border-top: 1px solid #e4e4e4;
	font-weight: bold;
}

/* Quote box Module                           */
/*------------------------------------------- */
div.quotebox{
	border: 1px solid #e4e4e4;
	/*width: 270px;*/
	width: 196px;	
	margin: 8px 0 16px 0;
	padding: 10px;

}

div.quotebox h3{
	font-size: 28px;
	color: #4a4a4a;
	margin: 0 0 13px 0;
}

div.quotebox span{
	font-size: 12px;
	color: #313131;
}

/* Begin Extratable addiion 05/10/09 */
div.quotebox img{
	padding: 0;
	margin: 0;
	width: 196px;
}

/* End Extratable addiion 05/10/09 */

/* Paging links                               */
/*------------------------------------------- */
div.paging{
	margin-top: 10px;
}

/* Order Media Kit box                        */
/*------------------------------------------- */
div.mediakitbox{
	border: 1px solid #e4e4e4;
	width: 270px;
	margin: 16px 0 16px 0;
	padding: 10px;
}

div.mediakitbox h3{
	background: #e4e4e4;
	margin: -10px -11px 0 -11px;
	text-transform: uppercase;
	color: #010101;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px 0 10px;
}

div.mediakitbox h4{
	color: #2888C5;
	font-size: 13px;
}

div.mediakitbox a.orderbutton{
	background: transparent url('../images/blue_white_arrow_bullet.gif') no-repeat 50px 7px;
	color: #323232;
	width: 57px;
	height: 19px;
	display: block;
	margin: 10px 0 0 0;
	padding: 3px 0 0 4px;
	line-height: 16px;
	text-decoration: none;
	border-top: 1px solid #e4e4e4;
	font-weight: bold;
}


/* Small Video box                            */
/*------------------------------------------- */

div.smallvideo{
	/*width: 272px;*/
	width: 196px;	
	background: #000 url('../images/blackgradient.gif') repeat-x bottom left;
	margin: 19px 0 16px 0;

	color: #fff;
	padding: 10px;
}

div.smallvideo h5{
	font-size: 10px;
	font-weight: bold;
}


div.smallvideo h4{
	margin: 5px 0 5px 0;
	color: #2888C5;
	font-size: 14px;
}

div.smallvideo h5{
	margin: 5px 0 5px 0;
	color: #fff;
	font-size: 13px;
}

div.smallvideo img{
	padding: 0;
	margin: 0;
	/*width: 272px;*/
	width: 196px;
}

div.smallvideo p{
	font-size: 12px;
}

div.smallvideo ul li a{
	font-size: 12px;
}

div.smallvideo a.viewall{
	width: 64px;
	height: 18px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	background: transparent url('../images/blue_view_all_arrow.gif') no-repeat 58px 7px;
	margin: 10px 0 0 0;
	padding: 4px 0 0 4px;
	display: block;
	line-height: 15px;
	border-top: 1px solid #505050;
}

div.smallvideo a.viewall span{
	font-size: 11px;
	font-weight: bold;
}

/* Options list                              */
/*------------------------------------------- */

ul.optionslist{
	margin: 8px 0 16px 0;
}

ul.optionslist li{
	border: 1px solid #e4e4e4;
	margin-top: -1px;
}

ul.optionslist li a{
	font-size: 14px;
	display: block;
	padding: 15px 15px 15px 40px;
	background: url('../images/grey_down_arrow.gif') no-repeat 15px 17px;
}

ul.optionslist li a span{
	color: #747474;
	text-decoration: none;
	font-size: 12px;
}

/* Options list 1                             */
/*------------------------------------------- */

ul.optionslist1{
	margin: 8px 0 16px 0;
}

ul.optionslist1 li{
	border: 1px solid #e4e4e4;
	margin-top: -1px;
	margin-left:-1px;
	width:215px;
	background: url('/images/gnav_learn_norm.png') no-repeat 6px 8px;
	display: block;
}

ul.optionslist1 li a{
	font-size: 14px;
	display:block;
	padding: 14px 15px 14px 40px;
}

ul.optionslist1 li a:hover{
}

ul.optionslist1 li a span{
	color: #747474;
	text-decoration: none;
	font-size: 12px;
}

/* Black bullet arrow list                    */
/*------------------------------------------- */
ul.blackbullet{
	margin: 0 0 16px 0;
}

ul.blackbullet li{
	margin: 5px 0 5px 0;
	width: 580px;
}

ul.blackbullet li a.closed{
	background-image: url('../images/black_arrow.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #404040;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

ul.blackbullet li a.open{
	background-image: url('../images/black_arrow_down.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #404040;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

ul.blackbullet li a,
ul.blackbullet li a.trigger{
	padding: 0 0 0 14px;
	color: #404040;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

ul.blackbullet li div.content{
	display: none;
}

div.content table{
	margin: 8px 0 8px 0;
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #D2D5D7;
	padding: 0 0 8px 0 ;
	width: 665px;
}

div.content table thead th.mirror{
	color: #4a4a4a;
	padding: 0;
}

div.content table.noborder{
	border: none;
}

div.content p.border{
	width: 660px;
	border-bottom: 1px solid #D2D5D7;
	padding: 0 0 10px 5px;
}

div.content table tbody td{
	width: 161px;
	color: #a7a7a7;
}

div.content table thead th{
	font-weight: normal;
	color: #747474;
	padding: 0 0 10px 0;
}

div.content table tbody td a{
	font-weight: normal;
	color: #2888c5;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

ul.blackbullet li p a{
	color: #2888c5;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	background: none;
	padding: 0;
}

ul.blackbullet li p{
	font-size: 11px;
	line-height: 15px;
	color: #A7A7A7;
}

/* Carousel Module                            */
/*------------------------------------------- */

div.carousel{
	margin: 16px 0 0 0;
	/*width: 596px;*/
	width: 670px;
	height: 146px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-top: 4px solid #7DB2D2;
	overflow: hidden;
	/*background-color:#999;*/
}

div.carousel ul li.panel{
	height: 146px;
	/*width: 596px;*/
	width: 670px;	
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	background: #fff;
}

div.carousel ul li.panel img.graphic{
	margin-right: 10px;
	float: left;
	display: inline;
}

div.carousel ul li.panel p{
	/*width: 380px;*/
	width: 440px;
	margin: 10px 0 0 0;
	float: left;
	display: inline;
}

div.carousel ul li.panel h2{
	color: #2887C7;
	font-size: 18px;
	font-weight: normal;
	/*width: 375px;*/
	width: 452px;
	display: inline;
	float: left;
	margin: 10px 0 0 0;
}

div.carousel ul li.panel h2 a{
	text-decoration: none;
}

div.carouselnav{
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	/*width: 596px;*/
	width: 670px;
	height: 22px;
	background: url("/images/blacknav_gradient.gif") repeat-x;
	margin: 0 0 16px 0;
}
div.carouselnav table{
	width: 100%;
	text-align: center;
}

div.carouselnav table tr td#indicator{
	padding: 0 12px 4px 12px;
}

div.carouselnav table tr td{
	padding: 2px 12px;
}
div.carouselnav table tr td img {
	margin: 0 2px;
}

div.carouselnav a{
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	display: block;
}

div.carouselnav a.prev{
	background: url('../images/carousel_leftarrow.gif') no-repeat left center;
	padding: 0 0 0 16px;
	width: 200px;
	color: #fff;
	text-decoration: none;

}

div.carouselnav a.next{
	background: url('../images/carousel_rightarrow.gif') no-repeat right center;
	padding: 0 16px 0 0;
	width: 200px;
	color: #fff;
	text-decoration: none;
}
/* News Page items ----------------------------*/
/*---------------------------------------------*/

div.newsbody dl{
	padding: 0 0 20px 35px;
	margin: 0;
	border-bottom: 1px solid #D1D5D8;
}

div.newsbody dl h4{
	font-size: 16px;
	margin: 0 15px 3px 0;
	padding: 12px 0 0 0;
}

div.newsbody dl strong{
	margin:	0 5px 0 0;
	color: #4A4A4A;
}

div.newsbody dd{
	margin:	10px 0 0 0;
	width: 470px;
}

div.newsbody dl.news_bullet{
	background: url('../images/news_bullet.png') no-repeat 5px 14px;
}

div.newsbody dl.audio_bullet{
	background: url('../images/audio_bullet.png') no-repeat 5px 14px;
}

div.newsbody dl.rss_bullet{
	background: url('../images/rss_bullet.png') no-repeat 5px 14px;
}

div.newsbody dl.video_bullet{
	background: #F5F5F5 url('../images/video_bullet.png') no-repeat 5px 14px;
}

div.newsbody dl a{
	color: #2888c5; 
}

div.newsbody dl a:visited{
	color: #587894;
}

/* Added for new Features section 2-column component */

div.features2col {
	margin: 0;
	padding: 0;
	width:650px;
}
div.features2col img.icon {
	margin: 0;
	padding: 10px 0 10px 0;
	vertical-align: top;
	float: left;
	
}
div.features2col table {
	margin: 0;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align: top;
	width:650px;
}

div.features2col table td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

div.features2col table td#box {
	border-bottom:#e4e4e4 solid 1px;
}

div.features2col table td#vdivider10 {
	width:10px;
}
div.features2col table td#vdivider20 {
	width:20px;
}

div.features2col table#features2col {
	margin: 0 10px 0 10px;
	padding: 0;
}
div.features2col table td.txtl, div.features2col table td.txtr {
	margin: 0;
	padding: 0 0 6px 0;
}
div.features2col p.links {
	color: #35556a;
	margin: 0;
	padding: 0;
}
div.features2col p.links span {
margin: 0;
padding: 0 0 0 10px;
background: url("/images/blue_white_arrow_bullet.gif") no-repeat 0px 5px;
}

div.features2col hr {
	margin-top:20px;
	width: auto;
	height:0;
	border:1px solid #e4e4e4;

}

/* Added/customized CSS elements from Phase 1 */
/* subsection anchor allows sections in chapters to obe slected */
.anchorboxlight{
	font-size: 11px;
	line-height: 17px;
	padding: 8px 6px 8px 6px;
	width: auto;
	display: block;
	background-color: #f5f5f5 ;
}

/* Guide-body content styles. Uses slightly different heading styles than the */
/* main content areas for non-guide and FAQ pages. */

.guidebody{
	margin-top: 20px;
	font-size: 12px;
	color: #4a4a4a;
	
}

/* Begin added - 11/03/08 */
div.quotebox h4{
    font-size: 20px;
    color: #4a4a4a;
    margin: 0 0 13px 0;
}

div.adbox{
    border: 1px solid #e4e4e4;
    width: 270px;
    margin: 8px 0 16px 0;
    padding: 10px;
}

div.footnote {
    font-size: 10px;
}

/* End added - 11/03/08 */

/* Added for e8v1 from dsc.*/
.e8v1 {background:url("http://developers.sun.com/im/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:270px}
.e8v1 .copy a:link,.e8v1 div.copy a:visited{color:#FFF}
.e8v1 .title,.e8v2 h5{color:#ED9B09;font-weight:bold;padding:8px 8px 2px 8px;margin:0}
.e8v1 div.copy{color:#FFF;padding:2px 8px 4px 8px}
/* Added for tranlation drop-down menu*/
.languagesdropdown {
	float:right;
	height:40px;
}

/* Added for OpenSolaris Store */
span.hotbutton{white-space:nowrap;line-height:2em;margin:0 3px}
span.hotbutton a:link,span.hotbutton a:visited{color:#FFF;padding:2px 8px;border-right:1px solid #C06600;border-bottom:1px solid #C06600;border-left:1px solid #FAE2CC;border-top:1px solid #FAE2CC;background:url("/im/bg_sunorange.gif") repeat-x left top #E76F00;font-weight:bold}
span.buttonlink{white-space:nowrap;line-height:2em;margin:0 3px}
span.buttonlink a:link,span.buttonlink a:visited{color:#FFF;padding:2px 8px;border-right:1px solid #304C60;border-bottom:1px solid #304C60;border-left:1px solid #BACDD9;border-top:1px solid #BACDD9;background:url("/im/bg_sunblue.gif") repeat-x 0 -10px #304C60;font-weight:bold}
span.hotbutton a:hover,span.buttonlink a:hover{color:#FBE249;text-decoration:none}
span.hotbutton a strong,span.buttonlink a strong{margin:0;padding:0;color:#fff}

/* End Added for OpenSolaris Store */

/* Begin g15 */
.g15v0 .g15titlebar{background:url("/im/bg_titlebar.png") repeat-x 0 0;color:#fff}
.g15v0 .g15titlebar h5{font-size:12px;padding:5px 10px;background:url("/im/a2_corner_tr.gif") no-repeat 100% 0}
.d7v4 .g15v0 .g15titlebar,.d7v9 .g15v0 .g15titlebar{background:url("/im/g15_headerbg.gif") 0 100% repeat-x #A4B8CB}
.d7v4 .g15v0 .g15titlebar h5,.d7v9 .g15v0 .g15titlebar h5{background:transparent}
.g15v0 table{background:#bbb}
.g15v0 table th{background:#ddd;padding:5px 10px;text-align:left}
.g15v0 table td{padding:5px 10px}
.g15v0 tr.even th,.g15v0 tr.even td{background:#f6f6f6}
.g15v0 img{float:left;margin-right:10px;border:0}
.g15v0{margin:0 0 15px 0}
.g15v2{background:#666}
.g15v2 table th{background:#a3b8cb;color:#fff}
.g15v0 table td,.g15v2 table td{background:#fff}
.g15v2 table .grey1 th,.g15v2 table .grey1 td,.g15v2 table .grey1{background:#eee}
* html .g15v2{width:100%;}
div.g15v3{margin:10px 0}
div.g15v3 table{background:white;width:100%;border-collapse:collapse;border:1px solid #bbb}
div.g15v3 table td,
div.g15v3 table th{border:1px solid #bbb;border-width:1px 0;padding:6px 8px;text-align:left;vertical-align:middle}
div.g15v3 table thead th{background:#a3b8cb;border-color:#a3b8cb;color:white;padding-top:5px;padding-bottom:5px}
div.g15v3 table tbody tr.odd{background:#eee}
div.g15v3 img{border:none;vertical-align:middle;margin-right:2px}
div.g15v3 span.g15subscribe{cursor:default;border-bottom:1px dotted #000}
div.g15v3 tbody th{padding-left:28px;min-width:180px}
div.g15v3 tbody th img.g15feed-icon{float:left;margin-right:5px;margin-left:-22px}
div.g15v4{margin:0 0 15px 0}
div.g15v4 table th,div.g15v4 table td{border-top:#b2bc00 solid 1px;padding:8px 10px;vertical-align:top}
div.g15v4 table th{text-align:left;padding:8px 5px}
div.g15v4 table th{padding-right:30px}
div.g15v4 table tr.g15th-row th{padding:8px 10px 8px 10px;border-top:0}
.g15v4 table td{border-left:#b2bc00 dotted 1px}
.g15v4{width:100%;overflow:hidden}
.g15v4 table{margin-left:-1px;border-collapse:separate;border-spacing:0;width:100%}
div[class~="g15v4"]{overflow:visible}
div[class~="g15v4"] table{margin-left:0}
div[class~="g15v4"] table td{border-left:0}
div[class~="g15v4"] table td + td,div[class~="g15v4"] table th + td{border-left:#b2bc00 dotted 1px
}
/* End g15 */

/* e8 */
.e8v0{background:url("/im/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px;clear:both}
.e8v1,.e8{background:url("/im/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px}
.e8altbg {background:url("/im/bg_e8altblue.gif") repeat-x left bottom #0c60ae}
.e8v2 .e8w1,.e8v0 div.cornerBR,.e8v1 div.cornerBR{background:url("/im/sidenav_corners.gif") no-repeat bottom right;padding:0}
.e8v0 div.cornerBR,.e8v1 div.cornerBR{height:8px
}
/* End e8 */

/* e9 */
.e9v0{background:url("/im/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px;clear:both}
.e9v1{background:url("/im/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px}
.e9 div.cornerBL{width:170px;height:8px;background:url("/im/generic_bl.gif") no-repeat bottom left;padding:0}
.e9 div.cornerBR{width:170px;height:8px;background:url("/im/generic_br.gif") no-repeat bottom right;padding:0}
.e9 div.cornerTL{width:170px;height:8px;background:url("/im/generic_tl.gif") no-repeat top left;padding:0}
.e9 div.cornerTR{width:170px;height:8px;background:url("/im/generic_tr.gif") no-repeat top right;padding:0}
.e9v0 div.title{color:#fff;font-weight:bold;padding:2px 8px 2px 8px}
.e9v0 div.copy{color:#000;padding:2px 8px 2px 8px}
.e9v1 div.copy a:link,.e9v1 div.copy a:visited{color:#fff}
.e9v1 div.title{color:#ED9B09;font-weight:bold;padding:2px 8px 2px 8px}
.e9v1 div.copy{color:#fff;padding:2px 8px 4px 8px
}
/* End e9 */

/* l1 */
.l1{margin:10px 10px 0 10px;color:#000 !important}
td .l1{margin:0}
.l1v0,.l1v1{height:80px}
.l1{background:url("/im/bg_white_to_grey.gif") repeat-x left top #fff}
.l1 div.cornerBR{width:100%;background:url("/im/generic_br.gif") no-repeat bottom right;padding:0}
.l1 a.morelink{font-weight:bold;white-space:nowrap}
.l1 a.title{font-weight:bold;font-size:14px}
.l1 div.copy{padding-top:4px}
.l1 div.plft{background:url("/im/ar_lg_orange.gif") no-repeat top left;padding-bottom:0}
.l1 .l1v0{color:#000}
.l1 a:visited,.l1 a:link{color:#3E6B8A}
.l1head{font-size:18px;font-weight:bold;margin-bottom:3px}
.l1 .hotbutton{margin:0}
.l1v1 .l1top{padding-top:4px}
.l1v1 .l1lft{margin-left:240px;padding-right:100px
}
/* End l1 */

/* e8 from Developers css */
.e8v0{background:url("/im/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px;clear:both}
.e8v1,.e8{background:url("/im/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px}
.e8altbg {background:url("/im/bg_e8altblue.gif") repeat-x left bottom #0c60ae}
.e8v2 .e8w1,.e8v0 div.cornerBR,.e8v1 div.cornerBR{background:url("/im/sidenav_corners.gif") no-repeat bottom right;padding:0}
.e8v0 div.cornerBR,.e8v1 div.cornerBR{height:8px}
.e8v0 .title{color:#fff;font-weight:bold;padding:8px 8px 2px 8px}
.e8v0 .copy{color:#000;padding:2px 8px 4px 8px}
.e8v1 .copy a:link,.e8v1 div.copy a:visited{color:#fff}
.e8v1 .title,.e8v2 h5{color:#ED9B09;font-weight:bold;padding:8px 8px 2px 8px;margin:0}
.e8altbg .title{color:#fff}
.e8altbg .morelink{color:#72C9F6 !important}
.e8v1 div.copy{color:#fff;padding:2px 8px 4px 8px}
.e8v2 ul{margin:0;padding:0 0 8px 8px}
.e8w1 ul li{margin:0;list-style-image:url("/im/a.gif");background:url("/im/ar_dbl_white.gif") no-repeat top left;padding:0 6px 3px 10px}
div[class="e8w1"] ul li{background:url("/im/ar_dbl_white.png") no-repeat top left}
.e8v2 ul a{color:#fff}
body div.e8v2 ul.emailicon li,body div.e8v2 ul li.emailicon{background-image:url("/im/ic_email_op.gif")
}
/* End e8 from Developers css */

/* Begin wide Download Now addition */
div#widedownloadnow {
	background: #5B5B5B url('/images/launch_download_bg.png') repeat-x;
	width: 652px;
	padding: 5px 8px 8px 8px;
	overflow: hidden;
	/*float: left;*/
	/*background-color:#F03;*/
}

div#widedownloadnow h4 {
	color: #FFF;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

div#widedownloadnow h3 {
	color: #2888C5;
	font-size: 24px;
	font-weight: normal;
}

div#widedownloadnow img {
	float: left;
	display: inline;
	margin-right: 10px;
}

div#widedownloadnow p {
	color: #FEFEFE;
	/*float: left;*/
	/*display: inline;*/
	width:auto;
	/*background-color:#9C0;*/
}
/* End wide Download Now addition */

/* Begin AD Zone addition */
#adzone div {
	width:192px;
	/*background-color:#FF6;*/
}

#adzone div.title {
	width:170px;
	/*background-color:#FFF;*/
}

#adzone div.copy {
	width:170px;
	/*background-color:#CCC;*/
}

/* End AD Zone addition */

/* begin tooltip */

span.tool {
  position: relative;   /* this is key */
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: 150px;
  padding: 3px 4px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

span.tool:after {
  padding-left: 2px;            /* eye candy */
  content: url(/learn/features/whats-new/200906/images/pm-small.png);
}

/* end tooltip */

.anchortopright{
	text-align: right;
}