/*	filename: home-ie.css
	acmairsoft.com - Homepage Stylesheet
	Created: 12.02.07
	Latest by:
		1/26/09 ice
*/

@import url("milBase.css");

/* ^Global - Extended
------------------------------------------------------------------*/
p {margin:0; line-height:17px;}
table {width:100%;}
/*tbody td {padding:0 8px 10px 0;}*/
h1, h2, h3 {
	line-height:1.2em;
	font-weight:bold;
	padding:0 0 0.5em 0;
} h1 {
	font-size:22px;
} h2 {
	font-size:18px;
} h3 {
	font-size:14px;
}
ul li {padding-left:11px;}
.module {margin:0 0 10px 0;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left;}
.floatRight {float:right;}
.textGrey {color:#999;}
.linkViewAll {display:block; text-align:right; font-weight:bold; color:#00C; padding:10px 0;}

/* ^Layout
------------------------------------------------------------------*/
#container {
	padding:10px 0;
	width:960px;
	margin:0 auto;
}
#content {}
#alpha {
	float:left;
	width:820px;
	margin-left:140px;
} * html #alpha {display:inline;} /* fix from http://www.positioniseverything.net/explorer/doubled-margin.html */
#alphaInner {}
#beta {
	float:left;
	width:140px;
	margin-left:-960px;
	background:#CCC;
} #betaInner {}

/* ^Header
------------------------------------------------------------------*/
#masthead {
	background:url(images/bkg_masthead.gif) top left repeat-y #369;
	height:78px;
	overflow:hidden;
} #masthead .logo {
	float:left;
	width:181px;
} #masthead .aux {
	float:left;
	width:699px;
	padding:9px 40px 0 40px;
}
#bannerAd {
	height:110px;
	background:#888;
	position:relative;
} #bannerAdCreative {
	width:728px;
	margin:0 auto;
	padding:10px 0 0 0;
	height:90px;
	overflow:hidden;
} #bannerAdCreative #km_main_div32045 {margin:-10px 0 0 -108px;} /* This is a fix for the Army banner ad */
#closeAd {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
} #closeAd img {margin:0;}

#formSearch {width:560px; color:#FFF; background:url(images/bkg_search_top.gif) no-repeat 50% top; width:560px;color:#fff; padding-top:5px;}
#formSearch-inner {background:url(images/bkg_search_bottom.gif) no-repeat 50% bottom; padding-bottom:5px;}
#formSearch span.pipe {padding:0 11px; color:#99B3CC;}
#formSearch td {padding:0;}
#formSearch div.top, #formSearch div.bottom {height:5px;}
#formSearch tbody td {background:url(images/bkg_search_body.gif) left top repeat-y #4977A4;}
#formSearch td.category {padding:0 0 0 80px; line-height:21px;}
#formSearch td.input {padding:0 0 6px 17px;}
#formSearch label {font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#formSearch input.text {width:335px; height:19px; margin:0 5px;}
#formSearch input.text-buddy-first, #formSearch input.text-buddy-last {width:163px; height:19px; margin:0 0 0 5px;}
#formSearch input.text-jobs, #formSearch input.text-jobs-zip {width:258px; height:19px; margin:0 0 0 5px;}
#formSearch input.text-jobs-zip {width:68px;}
#formSearch input.text-buddy-last, #formSearch input.text-jobs-zip {margin:0 5px;}
#formSearch input.button {vertical-align:bottom;}
#formSearchTab a {color:#FFF; cursor:pointer;}
#formSearchTab a:hover, #formSearchTab a:active {color:#FFAF00;}
#formSearchTab a.selected {color:#FC0;}
#formSearchTab a.selected:hover, #formSearchTab a.selected:active {color:#FC0; cursor:default;}

/* ^Navigation
------------------------------------------------------------------*/
#thome a {background-position:0 -40px;}

#navUser, #navFeatures, #navChannels {
	margin:0;
	list-style:none;
} #navUser li, #navFeatures li, #navChannels li {
	padding:0;
} #nfHeader a, #ncHeader a, #navUser li a, #navFeatures li a, #navChannels li a {
	width:125px;
	padding:4px 5px 4px 10px;
	display:block;
	text-decoration:none;
}
#navUser {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#666;
} #navUser li {
	border-top:1px solid #CCC;
	border-bottom:1px solid #666;
} #navUser li a:link, #navUser li a:visited {
	color:#FFF;
	background:url(images/bkg_navuser_item.gif) top left repeat-y;
} #navUser li a:hover, #navUser li a:active {
	background-image:none;
} li#nuarmy {
	background-color:#006B00;
} li#nunavy {
	background-color:#003063;
} li#nuairforce {
	background-color:#50B3E5;
} li#numarines {
	background-color:#A80000;
} li#nucoastguard {
	background-color:#0705A3;
} li#nucommunity {
	background-color:#C09A2A;
} li#nuspouses {
	background-color:#83A2B2;
} li#nunationalguard {
	background-color:#ADB582;
} li#militaryspouses {
	background-color:#cc9933;
}

#nfHeader, #ncHeader {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	text-transform:uppercase;
} #nfHeader a, #ncHeader a {
	color:#444;
} /*#ncHeader a {
	background:url(http://iceaceman.com/hp/bkg_nav_minus.gif) 124px 50% no-repeat;
}*/
#navFeatures, #navChannels {
	font:11px Arial, Helvetica, sans-serif;
	background-color:#E9E9E9;
	padding:5px 0;
} #navChannels {
	font-weight:bold;
} #navFeatures li a:link, #navFeatures li a:visited, #navChannels li a:link, #navChannels li a:visited {
	color:#444;
} #navFeatures li a:hover, #navFeatures li a:active, #navChannels li a:hover, #navChannels li a:active {
	color:#C30;
}

/* ^Content
------------------------------------------------------------------*/
#content {color:#444;}
#contentMain {padding:10px 0;}
span.pipe {color:#999; padding:0 3px;}

/* ^Control
--------------------*/
#control {
	margin:1px 0 0 1px;
	padding:3px 0 5px 0;
	background:#EEE;
	font-size:11px;
} #control p {
	line-height:1.0em;
} #control span.pipe {padding:0 7px;}
#quicklinks, #welcome {
	float:left;
	padding:8px 5px 4px 15px;
	width:499px;
	overflow:hidden;
} #welcome {
	width:280px;
	background:url(images/bkg_quicklinks.gif) top left repeat-y;
}

#articles {
	float:left;
	width:494px;
	padding:0 10px 0 16px;
}
#extraInfo {
	float:left;
	width:300px;
}

/* ^Modules
------------------------------------------------------------------*/
span.category, span.author {font-size:11px; font-weight:bold; display:block; color:#036;}
span.author {padding-top:2px; font-weight:normal; color:#888;}

#lead {height:175px; margin:0; padding:4px 0 0 0; overflow:hidden;}
#lead h1 {line-height:1.0em; padding-bottom:11px;}
#lead img {width:200px; height:130px; border:1px solid #999;}
#lead p.image {float:left; width:202px; padding:0 8px 0 0;}
#lead p.text {float:left; width:284px;}
#lead p.text span {display:block;}


/* ^Modules2
------------------------------------------------------------------*/


#lead2 { margin:0; padding:4px 0 0 0; overflow:hidden;}
#lead2 h1 {line-height:1.0em; padding-bottom:11px;}
#lead2 img {width:200px; border:1px solid #999;}
#lead2 p.image {float:left; padding:0 8px 0 0;}
#lead2 p.text {float:left; width:250px;}
#lead2 p.text span {display:block;}

#lead2 p.text2 {float:left; width:470px;}
#lead2 p.text2 span {display:block;}



/* ^Modules3
------------------------------------------------------------------*/


#lead3 { margin:0; padding:20px 0 5px 0; overflow:hidden;}
#lead3 h1 {line-height:1.0em; padding-bottom:11px;}
#lead3 .image h1 {line-height:1.0em; padding-bottom:11px;}
#lead3 .image {width:300px;  margin: 0 auto;  border:1px solid #999;}
#lead3 .image img {width:300px; border:0;}
#lead3 .image2 {width:400px;  margin: 0 auto;  border:1px solid #999;}
#lead3 .image2 img {width:400px; border:0;}
#lead3 p.text {float:left; width:250px;}
#lead3 p.text span {display:block;}

#lead3 p.text2 {float:left; width:470px;}
#lead3 p.text2 span {display:block;}

/* ^tabContainer
--------------------*/
.tabContainer {border:1px solid #999;}
ul.tabs {
	margin:0; padding:0;
	font-size:11px;
	list-style:none;
/*	display:inline;*/
	overflow:hidden;
} ul.tabs li {
	margin:0; padding:0;
	list-style:none;
	float:left;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
} ul.tabs a {
	color:#00C;
	display:block;
	margin:0 0 1px 1px;
	padding:3px 0;
	background:url(images/bkg_tabcontainer.gif) top left repeat-x #F2F2F2;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
} ul.tabs li.selected {
	position:relative;
	margin-bottom:-1px;
	border-bottom:1px solid #FFF;
} ul.tabs li.selected a {
	background:none;
	color:#444;
	font-size:12px;
	font-weight:bold;
	cursor:default;
}

/* ^tabContainer - #tabArticles
--------------------*/
#tabArticles ul.tabs {width:492px;}
#tabArticles .floatholder {height:188px; overflow:hidden;}
#tcwhatshot {border-left:none;}
#tcwhatshot a {color:#C30;}
#tcwhatshot a, #tcnews a, #tcbenefits a {width:120px;}
#tcentertainment a {width:125px;}
#tabArticles ul.links {float:left; width:259px; margin:0; padding:14px 0 14px 14px; list-style:none;}
#tabArticles ul.links li {line-height:1.3em; font-weight:bold; background:url(images/bul_square.gif) 0 6px no-repeat;}
#tabArticles div.article {font-size:11px; float:left; width:197px; padding:14px 14px 14px 8px;}
#tabArticles div.article .linkViewAll a {background:url(images/bul_arrows.gif) left 5px no-repeat; padding:0 0 0 12px;}
#tabArticles div.article h2 {font-size:12px; padding:0;}
#tabArticles p.image {float:left; width:62px; padding:0 10px 0 0;}
#tabArticles p.image img {width:56px; height:70px;}
#tabArticles p.text span {display:block;}
#tabArticles p.text {line-height:15px;}
#tabArticles img {border:1px solid #999;}

/**#hotTab ul.links {width:259px;}
#hotTab div.article {width:158px; padding-left:13px;}
#hotTab p.image {float:none; width:100px; padding:4px 10px 4px 0;}**/
#hotTab p.image img {width:55px; height:65px;}
#hotTab2 p.image img {width:250px;}
#newsTab p.image img {border:none;}
#benefitsTab p.image img {border:none;}
#entertainmentTab {font-size:12px;}
#entertainmentTab h2 {font-size:12px; padding-bottom:0;}
#entertainmentTab h2 span {display:block; font-size:11px;}
#entertainmentTab ul.featured, #entertainmentTab ul.sections {float:left; width:223px; margin:0; padding:14px; list-style:none;}
#entertainmentTab ul.sections {width:227px; padding:14px 14px 0 0;}
#entertainmentTab ul.featured li, #entertainmentTab ul.sections li {padding:0;}
#entertainmentTab ul.featured li {padding-bottom:13px;}
#entertainmentTab ul.featured li.last {padding-bottom:0;}
#entertainmentTab ul.featured p.text {line-height:15px;}
#entertainmentTab ul.featured p.image {width:92px;}
#entertainmentTab ul.featured p.image img {width:90px; height:70px;}
#entertainmentTab ul.sections li {float:left; width:62px; margin:0 15px 9px 0; text-align:center; border:1px solid #999;}
#entertainmentTab ul.sections li.last {margin-right:0;}
#entertainmentTab ul.sections span {display:block; font-weight:bold;}
#entertainmentTab ul.sections a {text-decoration:none;}
#entertainmentTab ul.sections img {width:62px; height:43px; border:0; border-bottom:1px solid #999;}
#entertainmentTab .linkViewAll a {font-size:11px; background:url(images/bul_arrows.gif) left 5px no-repeat; padding:0 14px 14px 12px;}

/* ^tabContainer - #tabMember
--------------------*/
#tabMember {height:152px; margin:6px 0 11px 0;background: url(images/indicator_medium.gif) center 70px no-repeat;}
#tabMember ul.tabs {width:298px; height:22px;}
ul.tabs a:hover {text-decoration:underline;}
ul.tabs .selected a:hover {text-decoration:none;}
#tabMember li.selected a {font-size:11px;}
#tabMemberContent {width:298px;height:130px;overflow:hidden;}
#tabMemberContent tbody td {padding:0 0 5px 0;}
#tabMemberContent span.pipe {color:#444;}
#tabMemberContent .linkViewAll {font-size:11px; line-height:1.0em; padding:6px 10px 0 0;}
div.tclocator {background:url(images/bkg_tc_locator.jpg) top left repeat-x #D1DCE7;}
div.tcprofile {background:url(images/bkg_tc_profile.jpg) top left repeat-x #E7E7D1;}
div.tcunits {background:url(images/bkg_tc_units.jpg) top left repeat-x #D9D9E3;}
div.tcfriends {background:url(images/bkg_tc_friends.jpg) top left repeat-x #E7E0D1;}
div.tcalerts {background:url(images/bkg_tc_alerts.jpg) top left repeat-x #E7DAD1;}
#tclocator {border-left:none;}
#tclocator a, #tcprofile a, #tcunits a, #tcfriends a {width:58px;}
#tcalerts a {width:57px; color:#C30;}
#tabMember td.arrowLeft {width:12px; padding:32px 10px 0 6px;}
#tabMember td.arrowRight {width:12px; padding:32px 6px 0 3px;}
#tabMember td.arrowLeft a, #tabmember td.arrowRight a {cursor:pointer}
#tabMember .ajaxMediumIndic {display:block; position:relative; top:49px; left:132px;}

#formLocator {padding:15px 15px 0 15px; font:11px Verdana, Arial, Helvetica, sans-serif;}
#formLocator h2 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#036;}
#formLocator tbody td {width:50%;}
#formLocator tfoot td {padding-top:8px;}
#formLocator label {color:#036;}
#formLocator input.text {width:128px;}
#formLocator input.button {vertical-align:bottom;}
#formLocator .dropService {width:196px;}

#tabMemberDefault {padding-top:20px;}
#tabMemberDefault p.text {width:178px; height:75px; padding:5px 20px 0 70px; line-height:17px; margin:0 15px 0 15px; font-weight:bold; background:url(images/member_none.gif) left top no-repeat; color:#036;}
div.tcunits #tabMemberDefault p.text {background:url(images/unit_1st_infantry.jpg) 13px top no-repeat;}
div.tcalerts #tabMemberDefault p.text {background:url(images/alert_exclamation.gif) 13px top no-repeat;}
#tabMemberDefault .floatholder {width:268px; margin:0 15px 0 15px;}
#tabMemberDefault .floatholder p.text {float:left; width:145px; margin:0;}
#tabMemberDefault .floatholder p.rank {float:left; width:33px; overflow:hidden;}
#tabMemberDefault .floatholder p.rank img {width:33px;}
#tabMemberDefault .linkViewAll {clear:both; font-weight:normal; color:#444;}
#tabMemberDefault .linkViewAll a {font-weight:bold;}

#tabMemberProfile {padding-top:15px;}
#tabMemberProfile table {width:268px; margin:0 15px 0 15px;}
#tabMemberProfile tbody td {padding:0;}
#tabMemberProfile td.image {width:70px; height:66px; overflow:hidden;}
#tabMemberProfile td.image img {width:60px; height:60px; border:1px solid #999;}
#tabMemberProfile td.image img.none {border:none;}
#tabMemberProfile td.text {width:158px; padding:0 7px 0 0; line-height:17px;}
#tabMemberProfile td.text span {display:block;}
#tabMemberProfile td.text em {font-style:normal; color:#999;}
#tabMemberProfile span.name {font-size:12px; font-weight:bold; color:#036;}
#tabMemberProfile td.rank {width:33px; height:66px; overflow:hidden;}
#tabMemberProfile td.rank img {width:33px;}
#tabMemberProfile tfoot td {padding-top:11px;}

#tabMemberUnits {font-size:11px; padding-top:13px;}
#tabMemberUnits h2 {font-size:12px; padding-bottom:0;}
#tabMemberUnits tbody td {padding:0;}
#tabMemberUnits td.image {width:44px; height:66px; overflow:hidden;}
#tabMemberUnits td.image img {width:36px;}
#tabMemberUnits td.image img.none {height:56px; background:#F4F4F4;}
#tabMemberUnits td.text {width:205px; overflow:hidden; padding:0; line-height:15px;}
#tabMemberUnits td.text span {display:block;}
#tabMemberUnits p.buttons {line-height:1.0em; padding:0 0 0 72px;}
#tabMemberUnits .linkViewAll {padding-top:9px;}
#tabMemberUnits .linkViewAll a {background:url(images/bul_arrows.gif) left 5px no-repeat; padding:0 0 0 12px;}

#formUnits {padding:15px 15px 0 15px; font:11px Verdana, Arial, Helvetica, sans-serif;}
#formUnits h2 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#036;}
#formUnits input.text {width:189px;}
#formUnits input.button {margin:0 0 0 9px; vertical-align:bottom;}
#formUnits .dropService {width:193px;}

#tabMemberFriends {font-size:11px; padding-top:13px;}
#tabMemberFriends h2 {font-size:12px; padding-bottom:0;}
#tabMemberFriends tbody td {padding:0;}
#tabMemberFriends td.image {width:70px; overflow:hidden;}
#tabMemberFriends td.image img {width:60px; height:60px; border:1px solid #999;}
#tabMemberFriends td.image img.none {border:none;}
#tabMemberFriends td.text {width:179px; height:90px; overflow:hidden; padding:0; line-height:15px;}
#tabMemberFriends td.text span {display:block;}
#tabMemberFriends p.buttons {margin:8px 0 0 0; line-height:1.0em;}
#tabMemberFriends table.none {margin:17px 0 0 0;}
#tabMemberFriends table.none tbody td {height:auto;}
#tabMemberFriends table.none td.image {width:74px; padding:0 0 0 21px;}
#tabMemberFriends table.none td.text {width:203px; padding:0;}
#tabMemberFriends table.none td.text img {margin:0 0 8px 0;}

#tabMemberAlerts {margin:0; padding:15px 15px 0 15px; list-style:none;}
#tabMemberAlerts li {line-height:1.4em; font-weight:bold; background:url(images/bul_square.gif) 0 6px no-repeat;}

.ad300x250 .lblAd {margin-bottom:0;}

/* ^subnodes
--------------------*/
#subnodes .colLeft {float:left; width:242px; padding:0 10px 0 0;}
#subnodes .colLeft div.article {margin:0 0 7px 0; padding:0 0 15px 0; background:url(images/dashx_1_2.gif) bottom left repeat-x;}
#subnodes .colLeft div.article.last {margin:0; background-image:none;}
#subnodes .colLeft div.article span.category {padding:0 0 5px 0;}
#subnodes .colLeft p.image {float:left; width:62px; padding:0 10px 0 0;}
#subnodes .colLeft div.excerpt {float:left; width:170px;}
#subnodes div.article h2 {font-size:12px; padding:0 0 0.25em 0;}
#subnodes div.article img {border:1px solid #999;}
#subnodes div.article img.borderNone {border:none;}
#subnodes .colRight {float:left; width:242px;}

/* ^Shock n Awe
-----------------*/
#shock {width:222px; padding:13px 10px 23px 10px; background:#000; color:#AAA; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:1.3;}
#shock h2 {height:19px;/* background:url(http://images.military.com/hp/header_shock.gif) no-repeat; text-indent:-5000px;*/}
#shock a {color:#ff9803; text-decoration:none; font-weight:bold;}
#shock a.img, #shock .thumbs a {display:block; float:left; border:1px solid #666;}
#shock a.img:hover, #shock .thumbs a:hover, #shock .thumbs a:hover span {border-color:#FFC;}
#shock a:hover {color:#FFC;}
#sotd h3 {margin-bottom: -3px; color:#CC9; text-transform:uppercase; font-size:10px;}
#sotd a.img {margin-right:6px;}
#sotd p {font-family: Arial, sans-serif; line-height: 13px;}
#shock .thumbs {clear:both; padding-top:14px;}
#shock .thumbs a {margin-right:15px; background:#333; text-align:center;}
#shock .thumbs a.last {margin-right:0;}
#shock .thumbs span {display:block; padding:1px 0 3px 0; border-top:1px solid #666;}


/* ^Footer
------------------------------------------------------------------*/
#footer {margin:10px 0 0 0; border-top:1px solid #CCC;}
/* ^others
------------------------------------------------------------------*/
/** Right Column Rounded Boxes **/

.rounded_box {
    margin-bottom : 10px;
}
#right_column .rounded_box {
    background : url('http://iceaceman.com/demo/military/tpl/default/images/rightsectionbackground.png') repeat-y;
}

#right_column .rounded_box h2 {
    margin     : 0 0 10px 0
}

#right_column .rounded_box ul li {
    /*background  : url('http://iceaceman.com/demo/military/tpl/default/images/news_bullet.gif') 0px 7px no-repeat; */
    line-height : 19px;
    padding     : 0 0 0 10px;
}

#right_column .round_box li {
    list-style:none;
    line-height:1.2em;
    padding-bottom:6px;
}
/*DEFINES STYLES FOR BLUE BACKGROUND MODULES, SUCH AS FOR WHATS POPULAR*/
#right_column .wideColumnBlueTop{
    background : url('http://iceaceman.com/demo/military/tpl/default/images/wideColumnBlueTop1.png') no-repeat bottom left;

    width:300px;
    height:5px;

    padding:0;
    margin:0;

    font-size:0;
}
#right_column .wideColumnBlueBody{
    background : url('http://iceaceman.com/demo/military/tpl/default/images/wideColumnBlueBody1.png') no-repeat bottom center;
}



/*DEFINES STYLES FOR WHITE BACKGROUND MODULES, SUCH AS FOR WHATS HOT*/
#right_column .wideColumnWhiteTop{
    background : url('http://iceaceman.com/demo/military/tpl/default/images/wideColumnWhiteTop1.png') no-repeat bottom left;

    width:300px;
    height:5px;

    padding:0;
    margin:0;

    font-size:0;
}
#right_column .wideColumnWhiteBody{
    background : url('http://iceaceman.com/demo/military/tpl/default/images/wideColumnWhiteBody.png') no-repeat bottom center;
}



#right_column .rounded_box_body, .wideColumnBlueBody, .wideColumnWhiteBody {
    padding : 15px 0 5px 20px;
    /*width   : 80%;*/
}

#right_column .rounded_box_bottom {
    background : url('http://iceaceman.com/demo/military/tpl/default/images/news_rightbtm1.gif') no-repeat bottom left;
    height     : 5px;
}

/* Hides the header for things like More Headlines, Most Popular, What's Hot */
#right_column .rounded_box .rec_title {
    display : none;
}

/** End Rounded Edge Boxes **/
.misc_info {
    color           : #666;
    font-size       : 11px;
}
.misc_info .divider {
    display : none ;
}
.article_title h1 .misc_info {
    display : none;
}

.more a:link, .more a:visited, .misc_info a:link, .misc_info a:visited {
    color           : #666;
    font-size       : 11px;
    padding         : 0 11px 0 0;
}

.divider, .divider a{
    color:#000;
}
.divider{
margin:0 5px 0 5px;
}

.more .divider {
    padding : 0 10px 0 0px;
}
#left_column, #right_slot_3, #loginIO, #mastheadNavHome  {
    display : none !important;
}

#actionsContainer{
    background: url('actionsBackground.png') no-repeat;
    width:auto;
    height:40px;
    padding:13px 0 0 22px;
}

#selService .dropService {width:100px;}
.actionImg{ float:left;height:14px;width:14px; }

/* ^footer
------------------------------------------------------------------*/
#foothead {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	background:#EEE;
	height:auto;;
	overflow:hidden;
}

/* tab index 
----------------------------------- */

#tabs_container {
	position:relative;
	margin-left:0px;
	margin-right:0px;
	margin-top:30px;
	margin-bottom:10px;
	width:490px;
	height:200px;
}
.tab_item {
	position:relative;
}
#tabs_container img {
	float:left;
	position:relative;
}
#tabs_container h3 {
	font-weight:bold;
	font-size:12px;
	margin-left: 260px;
	margin-top:0px;
}
#tabs_container p {
	margin-left:260px;
	margin-right:20px;
}
#tabs_container .links{
float:left; width:259px; margin:0; padding:5px 0 5px 5px; list-style:none;
}
#tabs_container .links li {line-height:1.3em; font-weight:bold; background:url(images/bul_square.gif) 0 6px no-repeat;}

#tabs_container p.image img {width:55px; height:65px; border:none; padding:4px 10px 4px 0;}

.read_more {
	text-align:right;
	margin-right:20px;
	font-weight:bold;
}
#tab_content {
	height:200px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
	padding-left:5px;
	padding-right:5px;
	background-color: #CCCCCC;
	font-size: 12px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 2px;
	
	list-style:none;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0px;
}
.ui-tabs-nav a {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #0000CC;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    margin-top: 0px;
	color: #CC3300;
	
}
.ui-tabs-nav a span {
    padding:5px 15px 5px 15px;
    height: 14px;
    line-height: 14px;
}
.ui-tabs-nav .ui-tabs-selected a span {
	padding:5px 15px 5px 15px;
    height: 14px;
    line-height: 14px;
	background-color:#F1EFEF;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
	
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #CCCCCC;
    padding: 12px;
	height:150px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* --- end of tab
*/

#spacerlang {
width:300px;
border-top:1px solid #CCC;
margin: 0 auto;
}
.space_blank {
padding-top:10px;
}