/* #include /css/base.css */
/* HTML Overrides */

html { height: 100% }
body {
	font-family: 돋움,Dotum,sans-serif; /* Arial, sans-serif; */
	font-size: 12px;
	background-color: #FFF;
	color: #333;
	margin: 0;
	}
/*	
a:link, a:visited, a:active { color: #5f504e;  text-decoration:none; }
*/
a:link, a:visited, a:active { color: #333333;  text-decoration:none; }

a:hover { color: #4559E9; text-decoration: underline; }
a.dg { color: #333333; }
a.dg:hover { color: #4559E9; text-decoration: underline; }
a.noul { text-decoration: none; }
a.red { color: #C00; }
a.dr { color: #900; }

code {
	font-family: Courier, "Courier New", monospace;
	font-size: 12px;
	}

img { border: none; }
	
dt {
	font-weight: bold;
	padding-bottom: 5px;
	}
	
dd { padding-bottom: 15px; }
	
form { margin: 0px; padding: 0px; }


h1 {
	font-size: 24px;
	line-height: normal;
	font-weight: bold;
	color: $action.headingTextColor;
 	border-bottom: 1px solid #999999;
	padding: 2px;
	margin: 10px 0px 4px 0px;
}

h2 {
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
 	border-bottom: 1px solid #999999;
	padding: 2px;
	margin: 8px 0px 4px 0px;
}

h3 {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	padding: 2px;
	margin: 6px 0px 4px 0px;
}

h4 {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	padding: 2px;
	margin: 5px 0px 4px 0px;
}

h5 {
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	padding: 2px;
	margin: 4px 0px 4px 0px;
}

h6 {
	font-size: 8px;
	line-height: normal;
	font-weight: bold;
	padding: 2px;
	margin: 4px 0px 4px 0px;
}

hr {
	border: 0px; 
	margin-top: 1px;
	border-top: 1px dashed #999;
	height: 1px;
	}

/* Common Elements */

.tag_cloud { margin:0px; padding:0px; list-style:none; text-align:justify; line-height:20px; }
.tag_cloud_1 { display:inline; font:bold 12px dotum; padding:0px; margin:0 5 0 0; background:#EEEEEE; }
.tag_cloud_2 { display:inline; font:bold 14px dotum; color:#75B200; padding:0px; margin:0 5 0 0; }
.tag_cloud_3 { display:inline; font:15px dotum; color:#53B8FF; padding:0px; margin:0 5 0 0; }
.tag_cloud_4 { display:inline; font:bold 16px dotum; color:#E45B00; padding:0px; margin:0 5 0 0; }
.tag_cloud_5 { display:inline; font:bold 18px dotum; color:#00AADB; padding:0px; margin:0 5 0 0; background:#F1F1F1; }


.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}


.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { 
    border:1px solid #CCCCCC; 
    font-size:11px;
} 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

/** gnu4 **/

.standardText {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	}
.normalText { font-size: 12px; }
.smallText { font-size: 11px; }
.xsmallText { font-size: 10px; }
.xxsmallText { font-size: 9px; }
.largeText { font-size: 14px; }
.xlargeText { font-size: 16px; }
.xxlargeText { font-size: 19px; }
.xxxlargeText { font-size: 21px; }
.bold { font-weight: bold; }
.italic { font-style: italic }
.grayText { color: #666; }
.dgText {color: #333; }
.smgrayText { font-size: 11px; color: #666; }
.smdgText { font-size: 11px; color: #333; }

.redText { color: #C00; }
.drText { color: #600; }

.label { font-weight: bold; color: #333; }
.lightLabel { font-weight: bold; color: #666; }
.standardLabel {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}
.normalLabel { font-size: 12px; font-weight: bold; color: #333; }
.smallLabel { font-size: 11px; font-weight: bold; color: #333; }
.xsmallLabel { font-size: 10px; font-weight: bold; color: #333; }
.largeLabel { font-size: 14px; font-weight: bold; color: #333; }

.headerTitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	}

.headerTitleLite {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	}

.headerTitleRight {
	float: right; 
	padding: 1px 5px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}

.headerTitleCenter {
	padding: 1px 5px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	}
		
.eLink {
	text-decoration: none;
	border-bottom: 1px dotted #03C;
	}

.cccC { color: #ccc; }
.fffC { color: #fff; }
.cccBG { background: #CCC; }
.dddBG { background: #DDD; }
.eeeBG { background: #EEE; }
.fffBG { background: #FFF; }
.blueBG { background: #DEF; }
.greenBG { background: #DFC; }
.marB0 { margin-bottom: 0px; }
.marB3 { margin-bottom: 3px; }
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marL6 { margin-left: 6px; }
.marL8 { margin-left: 8px; }
.marL10 { margin-left: 10px; }
.marL15 { margin-left: 15px; }
.marL18 { margin-left: 18px; }
.marL20 { margin-left: 20px; }
.marL38 { margin-left: 38px; }
.mar38L { margin-left: 38px; }
.marR6 { margin-right: 6px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marT0 { margin-top: 0px;}
.marT3 { margin-top: 3px; }
.marT4 { margin-top: 4px; }
.marT5 { margin-top: 5px;}
.marT10 { margin-top: 10px;}
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }

.padT3 { padding-top: 3px; }
.padT5 { padding-top: 5px; }
.padT8 { padding-top: 8px; }
.padT10 { padding-top: 10px; }
.padT12 { padding-top: 12px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padB1 { padding-bottom: 1px; }
.padB3 { padding-bottom: 3px; }
.padB5 { padding-bottom: 5px; }
.padB10 { padding-bottom: 10px; }
.padB15 { padding-bottom: 15px; }
.padB20 { padding-bottom: 20px; }
.padL3 { padding-left: 3px; }
.padL5 { padding-left: 5px; }
.padL8 { padding-left: 8px; }
.padL10 { padding-left: 10px; }
.padL15 { padding-left: 15px; }
.padL20 { padding-left: 20px; }
.padL25  { padding-left: 25px; }
.padL30 { padding-left: 30px; }
.padL50  { padding-left: 50px; }
.padL65 { padding-left: 65px; }
.padR5 { padding-right: 5px; }
.padR10 { padding-right: 10px; }
.padR15 { padding-right: 15px; }
.padR20 { padding-right: 20px; }

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.spacer { clear: both; height: 1px; font-size: 1px; }

.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignMid { vertical-align: middle; }
.alignTop { vertical-align: top; }
.alignBot { vertical-align: bottom; }

.floatL { float: left; }
.floatR { float: right; }

.widthMax { width: 100%; }

.nowrap { white-space: nowrap; }

.topPad7 { padding-top: 7px; }
.topPad5 { padding-top: 5px; }
.topPad2 { margin-top: 2px; }
.topMar10 { margin-top: 10px; }
.topMar5 { margin-top: 5px; }
.topMar2 { margin-top: 2px; }

.small_orange {
color:#FF5640;
font-family:Tahoma,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

.required { color: #FF0000; }

.confirmBox {
	padding: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 13px;
	background-color: #cfeeb2;
	}

.errorBox {
	padding: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 13px;
	background-color: #ffaeae;
	}

.codeBox {
	background-color: #EEE;
	border: 1px solid #999;
	padding: 8px;
	margin-bottom: 15px;
	}

.headerBox {
	padding: 3px 5px;
	border: 1px solid #CCC;
	background-color: #CCC; 
	}

.headerRCBox { }
.headerRCBox .rch { display: block; }
.headerRCBox .rch * {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #CCC;
	}
.headerRCBox .rch1 {
	border-right: 1px solid #E9E9E9;
	padding-right: 1px;
	margin-right: 3px;
	border-left: 1px solid #E9E9E9;
	padding-left: 1px;
	margin-left: 3px;
	background: #D9D9D9; /* rch5 */
	}
.headerRCBox .rch2 {
	border-right: 1px solid #FAFAFA;
	border-left: 1px solid #FAFAFA;
	padding: 0px 1px;
	background: #D6D6D6; /* rch3 */
	margin: 0px 1px;
	}
.headerRCBox .rch3 {
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	margin: 0px 1px;
	}
.headerRCBox .rch4 {
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	}
.headerRCBox .rch5 {
	border-right: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	}
.headerRCBox .content {
	background: #CCC;
	padding: 0px 6px 2px 6px;
	}

.headerHighlight {
	display:block;
	}
.headerHighlight *{
	display:block;
	height:1px;
	overflow:hidden;
	background:#ffcc00;
	}
	
.headerHighlight1 {
	border-right:1px solid #ffe991;
	padding-right:1px;
	margin-right:3px;
	border-left:1px solid #ffe991;
	padding-left:1px;
	margin-left:3px;
	background:#ffd83f;
	}
	
.headerHighlight2 {
	border-right:1px solid #fff9e5;
	border-left:1px solid #fff9e5;
	padding:0px 1px;
	background:#ffd530;
	margin:0px 1px;
	}

.headerHighlight3 {
	border-right:1px solid #ffd530;
	border-left:1px solid #ffd530;
	margin:0px 1px;
	}

.headerHighlight4 {
	border-right:1px solid #ffe991;
	border-left:1px solid #ffe991;
	}
.headerHighlight5 {
	border-right:1px solid #ffd83f;
	border-left:1px solid #ffd83f;
	}
	
.headerHighlight_content{
	padding: 0px 6px 2px 6px;
	background:#ffcc00;
	}

.footerBox {
	background-color: #CCC; 
	margin-bottom: 15px;
	margin-top: 0px;
	}
.searchFooterBox div {
	clear: both;
	text-align: center;
	font-size: 12px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 26px;
	}
.searchFooterBox div span.smallLabel {
	font-size: 12px;
}

.contentBox {
	padding: 6px; 
	border: 1px solid #CCC;
	}

.paddedBox { padding: 6px; }

.highlightBox {
	padding: 6px; 
	background-color: #FFC;
	border: 1px solid #FC3;
	}
	
.lowlightBox {
	text-align: left;
	padding: 6px;
	border: 1px solid #333;
	background-color: #BBB;
	}
.lowlightBox div.head {
	margin-left: 6px;
	font-weight: bold;
}
.attentionBox {
	font-weight: bold;
	padding: 6px;
	text-align: center;
	background-color: #FFC;
	border: 1px solid #FC3;
	}

.lightBlueBox {
	background: #EAF0FA;
	padding: 6px;
	border: 1px solid #B6C6E8;
	}


.spOffersDiv {
	margin-top: 20px;
	line-height: 16px;
	background: #EEE;
	padding: 6px;
	}
.spOffersHeading { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
.spOffersEntry { margin-bottom: 10px; }

.hid { display: none; }
.hide { display: none; }

.hand, label {
	cursor: pointer;
	cursor: hand;
	}

.left-menu-top {
	height: 20px;
	width: 140px;
	float: left;
	font-size: 14px;
	text-align:center;
	font-weight: bold;
	/* border-bottom: 1px solid #cccccc; */
	padding-bottom: 5px;
}

.selectedItem {
	font-weight: bold;
	background-color: #FFFFFF;
}

.styleli {
background:transparent url(/img/dot_list01.gif) no-repeat scroll 4px 7px;
padding-left: 10px;
line-height:20px;
width:140px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.stylelistli {
background:transparent url(/img/dot_list01.gif) no-repeat scroll 4px 7px;
padding-left: 10px;
line-height:20px;
width:480px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/* Common Layout Elements */
#mainContent { width: 700px; margin-right: 12px; }
#sideContent { float: right; width: 160px; padding-top: 2px; }
#sideAd { float: right; width: 160px; padding-top: 0px; }

/* Footer Elements */
#footer {
	clear: both;
	width: 960px; /* 875px; */
	margin-top: 15px;
	font-size: 11px;
	line-height: 13px;
	background: #E8E8E8;
	border-top: 1px solid #ccc;
}
#footer .links {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 100px 15px 100px;
}
#footer .links table {
	width: 100%;
	border-spacing: 0;
}
#footer .links tr {
	margin: 0;
	padding: 0;
}
#footer .links th {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	padding-bottom: 1px;
	white-space: nowrap;
}
#footer .links td {
	width: 16%;
	white-space: nowrap;
	margin: 0;
	padding-right: 15px;
	line-height: 14px;
	padding-bottom: 1px;
}
#footer .links .separator { 
	border-left: 1px solid #ccc;
	padding-left: 3px;
	text-align:center;
}
#footer .links .section h1 {
	margin: 0 0 4px 0;
	padding: 0;
}
#footer .links .section ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}
#footer .links .section ul.first {
	padding: 0;
}
#footer .links .section ul li {
	padding: 0;
	margin: 0;
}
#copyright { 
	font-size: 11px;
	padding: 15px 0; 
	text-align: center; 
}


/* Mindmap Display Elements */


.vimg {
	width: 130px;
	height: 100px;
	border: 1px solid #999;
	}
	
.vimg120 {
	width: 120px;
	height: 90px;
	}

.vimgtop {
	width: 120px;
	height: 72px;
	}

.mandkiIconWrapperInner {
	overflow: hidden;
	width: 120px;
	height: 72px;
	border: 2px solid #CCCCCC;
}
.mandkiIconWrapperInner:hover {
    border: 2px solid #FE2206;
}
.mandkiIconWrapperInner img {
	margin-top: -10px;
}

.mandkiIconWrapperOut {
	width: 122px;
	border: 1px solid #999;
}

.v120WrapperInner {
	overflow: hidden;
	width: 120px;
	height: 72px;
}
.v120WrapperInner img {
	margin-top: -10px;
}
.v120WrapperOuter {
	width: 122px;
	border: 2px solid #CCCCCC;
}
.v120WrapperOuter:hover {
    border: 2px solid #FE2206;
}

.v90WideEntry {
	font-size: 11px; line-height: 14px; text-align: center;
	width: 92px;
}
.v90WrapperInner {
	overflow: hidden;
	width: 90px;
	height: 54px;
	border: 1px solid #fff;
}
.v90WrapperInner img {
	margin-top: -10px;
}
.v90WrapperOuter {
	width: 92px;
	border: 1px solid #999;
}
	
img.rating {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	}

.title { font-weight: bold; font-size: 12px; }
.desc { margin: 3px 0px; font-size: 12px; }

.vstill { 
    /* margin-bottom: 2px;  */
    margin : 1px;
}

.vtitle { font-weight: bold; font-size: 12px; }

.vdesc { margin: 3px 0px; font-size: 12px; }

.vfacets {
	margin: 3px 0px;
	font-size: 11px;
	line-height: 13px;
	}


	

.vInfo {
	padding-left: 20px;
	font-size: 11px; 
	padding-top: 1px; 
	line-height: 1.4em;
}
.vMore {
	padding-left: 20px;
	font-size: 11px;
}
.vtitlelink {
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}
a.vtitlelink:hover {
	text-decoration: underline;
	color: #4559E9;
}
.vEntry {
	padding: 10px 0px;
	border-bottom: 1px dotted #999;
	}

/* Homepage Elements */

#hpMainContent {
	float: left;
	width: 640px;
	}
#hpSideContent {
	float: right;
	width: 300px;
	}

.hpContentBlock { margin: 10px 0px; }
.hpSideBlock { margin-bottom: 15px; }
.hpBlockHeading { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.hpBlockHeadingGray { color: #4A4A4A; }

.hpSVidEntry {
	float: left;
	width: 23%;
	text-align: center;
	padding: 0px 3px;
	}

.hpWNentry { padding: 3px 0px; }

#hpFeaturedHeading {
	padding: 7px 0px 0px 0px;
	margin-left: 20px;
	border-bottom: 1px dotted #CCC;
	}
#hpFeaturedAndSmallTabs {
	margin-left: 20px;
	padding: 5px 5px;
	font-size: 11px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}
#hpFeaturedAndSmallTabs a {
	text-decoration: none;
	display: block;
	float: right;
	border-left: 1px solid #ccc;
	padding: 0px 10px;
}
#hpFeaturedAndSmallTabs a.first {
	border-left: 0px;
}
#hpFeaturedAndSmallTabs a:hover {
	text-decoration: underline;
	color: #4559E9;
}
#hpFeaturedAndSmallTabs a.hilite {
	color: black;
	font-weight: bold;
}
#hpFeaturedAndSmallTabs a.hilite:hover {
	text-decoration: none;
	color: #4559E9;
}

#hpMindmapList{ margin-left: 20px; }
#hpFeaturedMoreTop {
	float: right;
	padding-top: 4px;
	font-weight: bold;
	}
#hpFeaturedMoreBottom {
	margin-bottom: 15px;
	padding-top: 8px;
	text-align: right;
	font-weight: bold;
	}

.hpPurpleBlock 		{ background: #EBEDF3 url(/img/pic_blue_top.gif) top left no-repeat; padding: 8px 15px 0px 15px; margin-bottom: 0px; }
.hpPurpleBlockBot { background: #EBEDF3 url(/img/pic_blue_top.gif) no-repeat scroll 0px -400px; width: 300px; height: 13px; }
.hpYellowBlock 		{ background: #FBF9E8 url(/img/pic_yellow_top.gif) top left no-repeat; padding: 10px 15px 0px 15px; margin-bottom: 0px; }
.hpYellowBlockBot { background: #FBF9E8 url(/img/pic_yellow_top.gif) no-repeat scroll 0px -1000px; width: 300px; height: 13px; }



/********* *************/

/* Pagination Elements */

.pagingDiv {
	background: #CCC;
	padding: 4px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;	
	}
.pagerCurrent {
	color: #FFFFFF;
	background-color: #4559E9;
	padding: 1px 3px;
	margin-right: 3px;
	font-weight: bold;
	}
.pagerNotCurrent {
	color: #03C;
	padding: 1px 3px;
	margin-right: 3px;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	}
	


/* Section Color Elements */

.mandkiColor { color: #000; }


/* Masthead code */

#masthead {
	width: 960px; /* 875px; */
	margin: 15px auto;
}
#masthead .bar {
	float: left;
	width: 960px; /* 875px; */
	height: 62px;
}
#masthead .bar .leftcap {
	display: block;
	float: left;
	/* background: transparent url(/img/master.gif) no-repeat scroll -132px 0px; */
	background: transparent url(/img/master.gif) no-repeat scroll 0px 0px;
	width: 8px;
	height: 62px;
}
#masthead .bar .rightcap {
	display: block;
	float: left;
	background: transparent url(/img/master.gif) no-repeat scroll -8px 0px;
	width: 8px;
	height: 62px;
}
#masthead .search-bar {
	float: left;
	width: 944px; /*859px;*/
	height: 62px;
	border: none;
	padding: 0;
	background: transparent url(/img/master.gif) repeat-x scroll 0 -274px;
}
#masthead #search_form {
	display: block;
	padding: 7px 10px 0px 220px;
	float: left;
	height: 30px;
	margin: 0;
}
#masthead #search-button {
	display: inline;
}
#masthead .search-type {
	vertical-align: top;
	display: inline;
}
#masthead #search-term, #footer-search-term {
	border: 1px solid #999;
	display: inline;
	padding: 2px 0 3px 0;
	width: 280px;
	margin-right: 4px;
	vertical-align: top;
	font-size: 13px !important;
}
#masthead #upload-button {
	float: right;
	margin: 6px 1px 0 0;
}

#masthead .search-bar .search-text {
	float: left;
	margin: 5px 20px 0 30px;
	width: 390px;
	color: #e3dcd0;
	overflow: hidden;
}

#masthead .search-bar .search-text2 {
	float: left;
	margin: 5px 20px 0 30px;
	width: 390px;
	color: #e3dcd0;
	overflow: hidden;
}


#masthead .logo {
	float: left;
	display: block;
	margin: 1px 30px 6px 0;
}
#masthead .logo img {
  width: 191px;
	height: 63px;
	background: white url(/img/logo.gif) no-repeat scroll 0px 0px;
}
#masthead .user-info {
	float: right;
	height: 37px;
	text-align: right;
	width: 620px;
}
#masthead .info-section {
	border-left: 1px solid #aaa;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left: 6px;
	margin-left: 3px;
}
#masthead .info-section.first {
	border-left: none;
}
#masthead .nav {
	float: left;
	width: 623px;
	height: 28px;
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
}
#masthead .nav-item {
	display: block;
	float: left;
	background: transparent url(/img/master.gif) no-repeat scroll 0 -100px;
	margin-right: 5px;
}
#masthead .nav-item.selected {
	background: transparent url(/img/master.gif) no-repeat scroll 0 -137px;
}
#masthead .nav-item .leftcap {
	display: block;
	float: left;
	width: 5px;
	height: 28px;
	background: transparent url(/img/master.gif) no-repeat scroll -142px 0px;
}
#masthead .nav-item.selected .leftcap {
	background: transparent url(/img/master.gif) no-repeat scroll -152px 0px; 
}
#masthead .nav-item .rightcap {
	display: block;
	float :left;
	width: 5px;
	height: 28px;
	background: transparent url(/img/master.gif) no-repeat scroll -147px 0px;
}
#masthead .nav-item.selected .rightcap {
	background: transparent url(/img/master.gif) no-repeat scroll -157px 0px;
}
#masthead .nav-item .content {
	width: 105px;
	height: 22px;
	text-align: center;
	display: block;
	float: left;
	padding: 6px 0 0 0;
    color: #5f5f5f;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
#masthead .nav-item.selected .content {
	 color: #FFFFFF; 
	 folt-weight: bold;
}

/* Styles for the layout columns */
#header-wrapper {
	margin-top: 5px;
	/* border-bottom: 1px solid #cccccc; */	
	border-bottom: 1px dotted #bbb;	
	height: 25px;
	padding-bottom: 5px;	
}
#header-left {
	font-size: 18px;
	margin-top: 0;
	margin-top: 0px;
	margin-right: 10px;
	width: 140px;
	float: left;
}
#header-middle {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	width: 630px;
	float: left;
}
#header-right {
	width: 160px;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	width: 160px;
}
#header-two-middle {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	width: 810px;
	float: left;
}


#body-wrapper {
	margin-top: 5px;
	padding-bottom: 5px;	
}
#left-column {
	margin-top: 12px;
	margin-right: 10px;
	width: 140px;
	float: left;
}
#body-column {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 12px;
	width: 630px;
	float: left;
}
#right-column {
	margin-top: 12px;
	margin-left: 10px;
	width: 160px;
	float: right;
}
#body-two-column {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 12px;
	width: 810px;
	float: left;
}
#mandkiModifiers {
	width: 630px;
}
#browseMain {
	width: 618px;
	/* border: 1px dashed #999; */
	text-align: left;
	height: 100%;
	padding: 5px;
}
#browseMain-two {
	width: 796px;
	/* border: 1px dashed #999; */
	/* height: 100%; */
	text-align: left;
	padding: 5px;
}


#left-column div {
	margin-bottom: 0px;
}

#left-column a {
	text-decoration: none;
}
#left-column a:hover {
	text-decoration: underline;
	color: #4559E9;
}

.category-selected {
	font-weight: bold;
}


/* #include /css/styles.css */
/* Common Elements */

#baseDiv {
	position: relative;
	width: 960px; /* 875px; */
	margin-left: auto;
	margin-right: auto;
	}

.small { font-size: 10px; }

.bold { font-weight: bold; }

.nav {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	}

a.title:link {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:active {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:visited {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:hover {font-family: Arial, sans-serif; color: #4559E9; font-size: 12px; font-weight: bolder;}


.success {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #333333;
}

.error {
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #FF0000;
}

.SubTitle {
	font-size: 14px;
	font-weight: bold;
	color: #CC6633;
}




/* contents pages */

.mandkiModifiers {
	padding-bottom: 6px;
	padding-top: 0px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

#subsubNav .mandkiModifiers {
	text-align: left;
}

.mandkiModifiers div.subcategory {
	border-left: 1px solid #ccc;
	padding: 0px 10px;
	font-size: 11px;
	background-color: #FFFFFF;
	display: inline;
}

.mandkiModifiers div.first {
	border-left: 0px;
	padding: 0px 10px 0px 2px;
}

.mandkiModifiers a {
	text-decoration: none;
}

.mandkiModifiers a:hover {
	text-decoration: underline;
	color: #4559E9;
}

.mandkiModifiers selected {
	font-weight: bold;
	background-color: #FFFFFF;
}

.mandkiModifiers .not_available, .browse-subcat.not_available {
	color: #aaa;
}

#subsubNav {
	padding-top: 3px;
	margin-top: 13px;
	border-top: 1px solid #ccc;
}

#subsubNav .mandkiModifiers span.subcategory {
	margin: 0px;
}

#subsubNav .mandkiModifiers {
	padding-left: 0px;
	padding-bottom: 6px;
	padding-top: 0px;
}

html > body #subsubNav { /* hide from ie6 */
	padding-top: 7px;
}


.accent {
	background: transparent url(/img/master.gif) no-repeat scroll -240px 0px;
	width: 2px;
	height: 4px;
	margin: 5px;
	border: 0px;
}


.rating {
	font-size: 11px;
}

.ratingCount {
	font-size: 11px;
}

.icn_star_full_11x11gif {
	background: transparent url(/img/master.gif) no-repeat scroll -439px 0px;
	width: 11px;
	height: 11px;
}
.icn_star_half_11x11gif {
	background: transparent url(/img/master.gif) no-repeat scroll -450px 0px;
	width: 11px;
	height: 11px;
}
.icn_star_empty_11x11gif {
	background: transparent url(/img/master.gif) no-repeat scroll -461px 0px;
	width: 11px;
	height: 11px;
}

.icn_star_grey_full_11x11gif {
	background: transparent url(/img/master.gif) no-repeat scroll -439px -11px;
	width: 11px;
	height: 11px;
}
.icn_star_grey_half_11x11gif {
	background: transparent url(/img/master.gif) no-repeat scroll -450px -11px;
	width: 11px;
	height: 11px;
}
.icn_star_grey_empty_11x11gif {
	background: transparent url(/img/master.gif) no-repeat scroll -461px -11px;
	width: 11px;
	height: 11px;
}


.icn_star_full_19x20png {
	background: transparent url(/img/master.gif) no-repeat scroll -373px -38px;
	width: 19px;
	height: 20px;
}
.icn_star_half_19x20png {
	background: transparent url(/img/master.gif) no-repeat scroll -392px -38px;
	width: 19px;
	height: 20px;
}
.icn_star_empty_19x20png {
	background: transparent url(/img/master.gif) no-repeat scroll -411px -38px;
	width: 19px;
	height: 20px;
}

#iconMail {
	background: transparent url(/img/master.gif) no-repeat scroll -472px -39px;
	width: 16px;
	height: 17px;
}

#iconMail.noMail {
	background: transparent url(/img/master.gif) no-repeat scroll -472px -23px;
	width: 16px;
	height: 17px;
}


#footer_img {
	height: 28px;
	width: 117px;
	float: left;
	background: transparent url(/img/logo_small.gif) no-repeat scroll 0px 0px;
}

#relatedList {
	background: transparent url(/img/master.gif) no-repeat scroll -555px -23px;
	width: 24px;
	height: 20px;
}

.browseGridView .vlentry {
	width: 120px;
	margin-bottom: 20px;
	height: 155px;
}
.browseGridView .vlentry .vstill {
	margin-bottom: 4px;
}
.browseGridView .vlentry .vimg {
	width: 120px;
	height: 90px;
	border: 1px solid #999; 
}
.relatedGridView .relatedEntry, .relatedListView .relatedThumb {
  float:left;
}
.browseGridView.searchView .vltitle a, .membersGridView.searchView .vltitle a {
	text-decoration: none;
}
.browseGridView .vldescbox, .membersGridView .vldescbox {
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
}
.vldesc {
	overflow: hidden;
}
.browseGridView .vlcell, .membersGridView .memberContainer {
	float: left;
	width: 24.9%;
}

.relatedListView .relatedBox, .relatedGridView .relatedBox {
	padding-top:7px;
}
.relatedListView .relatedFacets {
	margin-left:100px;
	margin-right: 5px;
}
.browseListView .vlfacets, .membersListView .vlfacets {
	font-size: 11px;
	border-left: 1px solid #bbb;
	margin-left: 5px;
	padding-left: 5px;
	line-height: 14px;
	float: left;
	width: 135px;
}
.browseGridView .vlfacets, .membersGridView .memberContainer {
	margin: 3px 0px;
	font-size: 11px;
	line-height: 13px;
}
.browseGridView .mandki-thumb-rating div {
	float: right;
	margin-top: 1px;
}
.browseGridView .mandki-thumb-rating .runtime {
	float: left;
	margin-top: 0px;
}
.browseGridView .vlfacets a {
	color: #333;
}
.browseGridView .vlshortTitle {
	height: 30px;
	overflow: hidden;
}
#viewTypeContainer {
	font-size: 12px;
	color: #666;
	padding: 5px 10px;
}
#viewTypeContainer div {
	text-align: right;
	float: right;
	width: 150px;
	line-height: 14px;
	vertical-align: middle;
}
#viewTypeContainer img {
	margin: 0;
	vertical-align: top;
}

#searchViews > img, #searchViews > a > img { /* hide from ie6 */
	margin-top: -2px;
}

/* for buttons */
.action-button {
	display: block;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
}
.action-button .action-button-leftcap {
	float: left;
	display: block;
	width: 5px;
	height: 25px;
	background: transparent url(/img/master.gif) no-repeat scroll -132px -37px;
}
.action-button .action-button-text {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	display: block;
	color: #994800;
	text-decoration: none;
	background: transparent url(/img/master.gif) no-repeat scroll 0 -174px;
	height: 19px;
	padding: 6px 8px 0 8px;
}
.action-button .action-button-rightcap {
	float: left;
	display: block;
	width: 5px;
	height: 25px;
	background: transparent url(/img/master.gif) no-repeat scroll -137px -37px;
}
.action-button:hover .action-button-leftcap {
	background: transparent url(/img/master.gif) no-repeat scroll -142px -37px;
}
.action-button:hover .action-button-text {
	text-decoration: underline;
	background: transparent url(/img/master.gif) no-repeat scroll 0 -199px;
}
.action-button:hover .action-button-rightcap {
	background: transparent url(/img/master.gif) no-repeat scroll -147px -37px;
}
.action-button.inactive .action-button-leftcap {
	background: transparent url(/img/master.gif) no-repeat scroll -152px -37px;
}
.action-button.inactive .action-button-text {
	color: #333;
	background: transparent url(/img/master.gif) no-repeat scroll 0 -224px;
}
.action-button.inactive .action-button-rightcap {
	background: transparent url(/img/master.gif) no-repeat scroll -157px -37px;
}

.hid { display: none; }


/* main page sections */
#vidTitle { font-size: 18px; font-weight: bold; margin: 10px 0px 5px 0px; }
#thisVidDiv { width: 565px; }
#thisVidCell { padding-right: 35px; }
#otherVidsDiv { width: 360px; }
#otherVidsCell { }

.wsWrapper { margin-bottom: 10px; }
.wsHeading { font-size: 16px; font-weight: bold; }
.wsBody { border: 1px solid #CCC; margin-top: 5px; margin-bottom:20px;}

/* Action Area - actions, ratings, and stats */
#actionsAreaDiv { margin: 10px 0px; text-align: center; } 
#actionsAreaDiv .actionLinks { }
#actionsAreaDiv .actionText {
	margin: 0px 0px 0px 4px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
#actionsAreaDiv a.actionLink {
	margin: 0px 12px 0px 0px;
	text-decoration: none;
}
#actionsAreaDiv .actionResult {
	display: none;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	background: #d1f0b3;
	font-weight: bold;
	text-align: center;
}
#actionsAreaDiv .loginPlease {
	display: none;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	background: #d1f0b3;
	font-weight: bold;
	text-align: center;
}
#actionsAreaDiv .moreAction {
	display: none;
	margin: 10px 0px 0px 0px;
	padding: 5px 10px;
	background: #e6ebfa;
	text-align: left;
}
#actionsAreaDiv .moreAction .close {
	float: right;
	font-size: 11px;
	padding-bottom: 2px;
}
#actionsAreaDiv .moreAction .header {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}

#ratingAndStatsDiv { }
#ratingAndStatsDiv #ratingDiv { }
#ratingAndStatsDiv #ratingDiv .footerMessage { margin-left: 47px; }
#ratingAndStatsDiv .rating {
	height: auto;
	vertical-align: text-bottom;
}
#ratingAndStatsDiv .statLabel {
	margin: 0px 4px 0px 0px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
#ratingAndStatsDiv .viewCount{
	margin: 0px 0px 0px 0px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#ratingAndStatsDiv .ratingCount {
	margin: 0px 0px 0px 4px;
	color: #333;
	font-size: 11px;
}
#ratingAndStatsDiv #viewsDiv {
	float: right;
	margin-top: 2px;
	padding-top: 3px;
	padding-right: 80px;
}
#ratingAndStatsDiv #statsDiv {
	float: right;
	text-align: right;
	font-size: 11px;
}
#ratingAndStatsDiv .statsLabel { color: #333; font-weight: bold; }
#ratingAndStatsDiv .statsValue {
	padding-left: 2px;
	float: right;
	text-align: left;
}


/* Stats */
#mandkiStatsDiv {
	/* border-top: 1px solid #CCC; */
	margin: 5px 0px 10px 0px;
	font-size: 12px;
	}

#someStats { text-align: center; }


/* Embed */
#embedDiv, 
#urlDiv {
	padding: 5px 0 0 0;
	margin-top: 5px;
	font-size: 11px; 
}
.embedField { width: 250px; font-size: 10px; }



/* view mandki */
#channelVidsDiv { background: #EEE; border: 1px solid #CCC; }
#channelVidsTop { padding: 4px 7px 3px 7px; }
.channelIconWrapper { width: 60px; height: 60px; border: 0px solid #999; }
#channelStats { font-size: 11px; padding-top: 2px; }

/* mandki Details */
#mandkiDetailsDiv {
	margin-top: 3px;
	border-top: 1px dotted #CCC;
	padding: 7px 7px;
	}
.tagValues { line-height: 13px; padding: 0px 0px 5px 0px; }
.urlField { width: 250px; font-size: 10px; }

/* Related mandkis */
#relatedVidsBody { padding-left: 7px; }
.relatedDivider {clear:both; margin-bottom:3px; margin-right:7px; padding-bottom:3px; border-bottom: 1px dotted #CCC}




/* Full Stats */
#fullStats, #linkStats, #voteStars, #mailMandki{
	display:none;
	border: 1px solid #CCC;
	margin-top: 5px;
	}
.fullStatsClass {
	text-align:left;
	font-size: 11px;
	margin: 4px 0px 0px;
	padding: 4px 30px;
}

#commentsDiv { 
    text-align:left;
    clear:both; 
    margin-top: 20px; 
}


.expand-panel .expand-content {
	display: block;
}
.expand-panel.expanded .expand-content {
	display: block;
}
.expand-panel .collapse-content {
	display: block;
}
.expand-panel.expanded .collapse-content {
	display: none;
}
.expand-panel .expand-header {
	font-size: 16px;
	font-weight: bold;
}
.expand-panel .expand-header .arrow {
	background: transparent url(/img/master.gif) no-repeat scroll -423px -19px;
	vertical-align: text-bottom;
	margin-bottom: 1px;
	margin-right: 2px;
	height: 16px;
	width: 16px;
}
.expand-panel.expanded .expand-header .arrow {
	background: transparent url(/img/master.gif) no-repeat scroll -423px 1px;
}
.arrow {
	background: transparent url(/img/master.gif) no-repeat scroll -423px -19px;
	vertical-align: text-bottom;
	margin-bottom: 1px;
	margin-right: 2px;
	height: 16px;
	width: 16px;
}
.expand-panel a.expand-header,
.expand-panel a.expand-header:link,
.expand-panel a.expand-header:visited {
	color: #000;
	text-decoration: none;
	vertical-align: text-bottom;
}
.expand-panel a.expand-header:hover {
	color: #666;
	text-decoration: none;
	vertical-align: text-bottom;
}


.marT2 {
	margin-top: 2px;
}

.marT3 {
	margin-top: 3px;
}