/* CSS Document */

body{margin:0; padding:0; font-size:9pt; COLOR: #6c6c6c; font-family: µ¸¿ò,verdana;}

#wrapper{ width:986px; margin:0 auto;}
.floatClear{clear:both;}
a{ color:#f75a00; text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
.blockLink{ display:inline; padding:3px 4px 1px; margin:4px 0; background:#000000; color:#FFFFFF; font-size:.9em;}
.blockLink:hover{background:#f75a00; text-decoration:none;}
hr.dotted{margin:0; padding:0; border:none; border-top:dotted 1px #999; background:none; height:1px;}
input { font-size:9pt; COLOR: #6c6c6c; font-family: µ¸¿ò,verdana; border:1px solid #999; padding:3px;}
select{ font-size:9pt; COLOR: #6c6c6c; font-family: µ¸¿ò,verdana; border:1px solid #999;}
textarea{ font-size:9pt; COLOR: #6c6c6c; font-family: µ¸¿ò,verdana; }
.button{padding: 5px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; border:none; -moz-border-radius: 5px; margin:10px 0; display:block; width:auto; cursor:pointer;	}
.button:hover {background: #f75a00;color: #FFF;}

.button1{padding: 4px 7px 3px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; border:none; -moz-border-radius: 5px; margin:0; width:auto; cursor:pointer;	}
.button1:hover {background: #f75a00;color: #FFF;}
h1{font-size:1.1em; margin:0; padding:3px 0;}
h1 a{ color:#000000;}



/*--------- Header -----------*/
#header{ border-top:3px solid #000000; position:relative; margin-bottom:7px; z-index:100;}
.fontChanger{ position:absolute; left:0px; top:10px;}
.headerSubNav{ float:right; margin-top:10px; width:290px;}
*:first-child+html .headerSubNav{ margin-bottom:70px;}
.headerSubNavFirst{ float:left;}
.headerSubNavFirst a{ color:#999;}
.headerSubNavSecond{ font-size:1em; font-weight:bold; float:right; margin-left:15px; color:#000000;}
.headerSubNavSecond a{ color:#000;}
.logo{ position:absolute; left:455px; top:10px; height:109px; display:block;}
.logo h1{ text-indent:-1000em;}

.headerNav{ margin-top:70px;  background:url(../images/common/header_bg.png) bottom repeat-x; height:38px;}
*html .headerNav{ padding-top:70px;  background:url(../images/common/header_bg.png) bottom repeat-x; height:38px;}
.headerNavUl ul{margin:0; padding:0;}
.headerNavUl ul li{font-weight:bold; font-size:1.1em; list-style:none; float:left;  position:relative; padding:0; padding-right:12px;}
.headerNavUl ul li:hover{ background:url(../images/common/header_nav_bg.png) right no-repeat;}
.headerNavUl ul li:hover a{color:#FFFFFF;}
.headerNavUl ul li a{color:#000000; padding:8px 8px 12px; display:block;}
.headerNavUl ul li a:hover{text-decoration:none;}
.headerNavUl ul li .dropdown{background:#000000;z-index:4000;}
.headerNavUl ul li .dropdown ul li{ font-size:0.9em; background:#000000; color:#FFFFFF; float:left;}
.headerNavUl ul li:hover .dropdown ul li{ background:url(../images/common/white_arrow.png) left no-repeat;}
.headerNavUl ul li:hover .dropdown ul li:hover{ background:url(../images/common/white_arrow_r.png) left no-repeat;}

.dropdown{ margin:0px auto; position:absolute; left:-999em; text-align:left; padding:8px 0px 8px 0px; border-top:none; background:#fff; z-index:4000; width:110px; }

.headerNavUl .dropdown ul{ list-style:none;background: none; border:none; margin:0; padding:0 10px; background:#000000;}
.headerNavUl .dropdown li{display:block; text-align:left; padding:2px;margin-right:0px; border:none; width:auto; min-width:100px; }
.headerNavUl .dropdown li:hover {background: none; border: none;}
.headerNavUl .dropdown li a {display:block; outline:none; line-height:20px;text-decoration:none; padding:3px 5px 3px 10px;}

.headerNavUl .dropdown li:hover a {background:none;}
.headerNavUl li:hover .dropdown{ left:0px;top:auto;}

*:first-child+html .headerNavUl li:hover .dropdown{ left:0px;top:28px; z-index:10000;}

.searchBox{ float:right; width:188px; margin-top:2px;}
.searchBox .inputSearch{ padding:3px; font-size:1.1em; width:130px;}
.searchBox input.button{float:right; margin:0 0 0 4px;padding: 4px 12px 5px;}

*:first-child+html .searchBox .inputSearch{float:left;}
*:first-child+html .searchBox input.button{padding: 6px 8px 2px; float:right;}
#output{ z-index:1;}

/*---------- contents -----------*/
.contents{min-height:500px;}
.fiveColumnLayout{margin:15px 0;}
.interviewFourColumnLayout{ width:775px; margin:0 auto; position:relative; left:50%; margin-left:-387.5px; }
.aboutFourColumnLayout{ width:665px; margin:0 auto; position:relative; left:50%; margin-left:-332.5px; }

.fourColumnLayout{ width:775px;float:right;}
.threeColumnLayout{ width:570px; float:left;}
.twoColumnLayout{float:left; width:388px;}
.oneColumnLayout{float:left; width:189px;}
.loginColumnLayout{float:left; width:675px;}
.sectionTitle{ color:#000000; font-size:1.2em; border-bottom:1px solid #c6c6c6; font-weight:bold; margin-bottom:4px; padding-bottom:3px;}
.sectionTitle a{color:#000000; text-decoration:none;}
.currentPageTitle{ font-size:1.7em; font-weight:bold; margin:10px 0; color:#000000;}
.currentPageTitleList{ height:30px; font-size:1.5em; font-weight:bold; margin:10px 0; color:#000000; border-bottom:1px solid #CCCCCC;}
.currentPage{color:#999; margin:10px 0; display:block;}
.currentPage a{ color:#999;} 

.eachSection ul{ margin:10px 0 10px 0px; padding:0; list-style:none;}
.eachSection ul li{ padding:4px 0;}
.eachSection ul li a{ color:#999;}
.eachSection ul{ margin:10px 0 10px 0px; padding:0; list-style:none;}
.eachSection ul li ul{margin:5px 0 5px 15px;}
.eachSection ul li ul li{ padding:3px 0;}

.pagingSection{ margin:15px 0; clear:both; height:15px;}
.pagingNumbering{ float:right;}
.pagingNumbering a{ color:#000;padding:2px 3px; text-decoration:none; font-size:.9em;}
.pagingNumbering a:hover{ color:#FFFFFF; background:#000000;}



.sectionBanner{ margin-bottom:15px;}

/*---------- mainVisual ----------*/
.mainImageSection{float:left; width:798px; height:407px;}
.mainVideoSection{float:right; width:188px; position:relative; height:407px;}
.mainVideoSection .mainVideoPopup{ position:absolute; top:0; left:-798px;  width:986px; height:384px; background:#000; z-index:4; text-align:center; padding-top:23px; z-index:1000;}
.videoCloseButton{ position:absolute; top:0px; right:10px;}


.featuredVisual{ margin-bottom:20px; position:relative; height:385px;}
.featuredVisualNav{ background:url(../images/common/img_featured_nav.png) no-repeat; width:986px; height:50px; position:absolute; left:0; top:0; z-index:1000;font-weight:bold; color:#FFFFFF; }
.featuredVisualNavLeft{ float:left; width:473px; padding:12px 10px;}
.featuredVisualNavRight{ float:Right; width:473px; padding:12px 10px;}
.featuredVisualLeft{ position:absolute; left:0; top:0; width:493px; overflow:hidden; height:385px; z-index:10}
.featuredVisualLeft:hover{ z-index:11; width:986px;}
.featuredVisualRight{ position:absolute; right:0; top:0; width:493px; overflow:hidden; height:385px; z-index:10; }
.featuredVisualRight img{margin-left:-493px;}
.featuredVisualRight:hover{ z-index:11; width:986px;}
.featuredVisualRight:hover img{margin-left:0px;}
.featuredVisualLeft .featuredVisualArticleSection{ position:absolute; right:500px; top:98px;}
.featuredVisualLeft:hover .featuredVisualArticleSection{ position:absolute; right:100px; top:98px; background:#FFFFFF; border:1px solid #999; padding:15px; height:167px; width:249px;border-top:4px solid #000;}
.featuredVisualRight .featuredVisualArticleSection{ position:absolute; right:500px; top:98px;}
.featuredVisualRight:hover .featuredVisualArticleSection{ position:absolute; left:100px; top:98px; background:#FFFFFF; border:1px solid #999; padding:15px; height:167px; width:249px;border-top:4px solid #000;}
{}


.featuredVisualArticleSection ul{ margin:7px 0 7px 15px; padding:0;}
.featuredVisualArticleSection ul li{ padding:3px 0;}
.featuredVisualArticleSection ul li a{ color:#999;}

.featuredPastArticleSection{ background:#eaeaea; width:876px; height:323px; padding:10px 55px; position:relative; }
.featuredPastArticleSection .featuredVisualArticleSection{ background:#FFFFFF; border:1px solid #999; padding:12px; height:270px; width:255px; float:left; display:inline; margin:10px 5px;}
.featuredVisualArticleSection img{ margin-bottom:5px;}
.featuredPastArticleSection .featuredVisualArticleSection{border-top:4px solid #000;}

.calendarSection{ background:url(../images/common/bg_calendar_wall.jpg) center; padding:32px 0 32px 32px; min-height:400px;}
.calendarthumbnail{ float:left; width:212px; background:white; border-top:4px solid #000; padding:10px; text-align:center;}
.eventsSection{float:right; width:705px;}
.eventsSection .eachEvent{ float:left; border-top:4px solid #000; background:#000000; width:160px; margin:0 15px 15px 0; display:inline;}
.eventsSection .eachEvent:hover{ border-top:4px solid #f75a00; background:#fff; width:160px;}
.eventsSection .eventDate{padding-left:32px; font-weight:bold; font-size:1.2em; height:25px; line-height:25px; color:#FFFFFF;}
.eventsSection .eventText a{color:#fff;}
.eventsSection .eachEvent:hover a{color:#000;}
.eventsSection .eachEvent a:hover{ color:#000; text-decoration:none;}
.iconEvents{ background:url(../images/common/icon_events.png) left no-repeat;}
.iconCompetition{ background:url(../images/common/icon_competitions.png) left no-repeat;}
.iconEnd{ background:url(../images/common/icon_end.png) left no-repeat;}
.eventsSection .eventText{height:47px; padding:7px; overflow:hidden;}
.eventsSection .eachEvent:hover .eventDate{ color:#000000;}
.eventsSection .eachEvent:hover .iconEvents{ background:url(../images/common/icon_calendar_bk.png) left no-repeat;}
.eventsSection .eachEvent:hover .iconCompetition{ background:url(../images/common/icon_calendar_bk.png) left no-repeat;}


/*---------- article ------------*/
.eachSection{margin:5px 0 25px;}
.eachArticle{ margin:5px 0; padding:5px 0 10px; }
/**html .eachArticle{ margin:0 ; padding:0;}*/
.author{ padding:4px 0; display:block; color:#999;}
.date{ padding:0; display:block; color:#999; font-size:.9em;}
.articleList{margin:5px 0;}
.articleList_1 .articleText{padding:3px 0 3px;}
.articleList_1 .articleText a{ color:#6c6c6c}
.eachArticle_interview{width:180px; margin:4px 5px; float:left;}
.eachArticle_interview .articleText{margin:4px 0;}


.searchResultList{margin:5px 0;}
.searchResultList .articleThumbnail{float:left; width:175px; height:175px; overflow:hidden;}
.searchResultList .articleText{ float:right; width:575px;}

.typoLiveSection{ background:url(../images/common/bg_typolive.png) no-repeat; height:270px; padding:7px 7px; margin-bottom:15px;}
.typoLiveSection .sectionTitle{}
.typoLiveSection .eachArticle{ width:180px; float:left; margin:4px 5px 0; display:inline;}
.typoLiveSection .typoLiveImage{width:180px; height:180px; overflow:hidden;}
.typoLiveSection .articleList{margin:4px 0 0;}
.typoLiveSection .sectionTitle{ color:#fff; font-size:1.2em; border-bottom:none; font-weight:bold; line-height:18px; padding:0; margin:0; margin-left:8px;}
.typoLiveSection .sectionTitle a{color:#fff; text-decoration:none;}
.typoLiveSection .eachArticle{position:relative; margin:0 7px; padding:0;}
.typoLiveSection .typoLiveText{ position:absolute; left:1px; bottom:1px; background:url(../images/common/bg_trans_gray.png); height:25px; padding:10px; width:160px; color:#FFFFFF;}
.typoLiveSection .typoLiveText .date{ color:#FFF;}
.typoLiveSection .typoLiveText a{ color:#FFFFFF; font-weight:bold;}
.typoLiveImage{ border:1px solid #000000;}
.typoLiveImage:hover{ border:1px solid #f75a00}


.mainBannerSection img{margin:1px 0;}
.mainBannerSection .flashBanner{margin-bottom:2px;}

.rightInfo{width:200px;}
.rightDetail ul{margin:0;padding:0;list-style:none; text-align:left; line-height:20px; }
.rightDetail h1 { font-family:"µ¸¿ò"; color:#000000; font-size:16px; font-weight:bold; margin-bottom:10px;letter-spacing:-1px;}
.rightDetail ul .title2 { font-family:"µ¸¿ò"; color:#a0a0a0; font-size:12px;letter-spacing:-0.3px;}
.rightDetail ul .title2 span{ font-family:"µ¸¿ò";color:#000000; font-size:12px; font-weight:bold;letter-spacing:-1px;}

.tagText{margin:10px 0;}
.tagText a{ margin-right:7px; padding:4px; line-height:20px; color:#999; white-space:nowrap;}
.columnistImages img{ float:left; margin:4px 6px;}
.eventsBanner img{margin:3px 0;}

.interviewList{}
.interviewList .eachArticle{ width:386px;height:193px; padding:0; margin:0; float:left; position:relative}
.interviewList .eachArticle:hover .articleThumbnail img{opacity:0.6}
.interviewList .eachArticle:hover .articleText img{opacity:0.6}
.interviewList .eachArticle:hover .articleText{ border-bottom:4px solid #f75a00;}
.interviewList .eachArticle .articleThumbnail{ width:193px; height:193px; float:left; overflow:hidden;}
.interviewList .eachArticle .articleText {width:193px; height:189px; text-align:center; float:right; }
.interviewList .eachArticle .articleText a{ width:193px; height:130px; text-align:center; float:right; padding-top:60px;}
.interviewList .odd .articleThumbnail{ width:193px; height:193px; float:right; overflow:hidden;}
.interviewList .odd .articleText a{ width:193px; height:130px; text-align:center; float:left; padding-top:60px;}

.dailyNewsList{}
.dailyNewsList .eachArticle{ margin:20px 0 8px; padding:0;}
.dailyNewsList .eachArticle .articleThumbnail{ float:left; width:530px; margin:0 10px;}
.dailyNewsList .eachArticle .articleText{float:right; width:210px; border-top:4px solid #000000; padding:7px 0 0 0;}
.articleTitle{ font-size:1.1em; font-weight:bold;}
.dailyNewsList .eachArticle:hover .articleText{border-top:4px solid #f75a00; }
.dailyNewsList .eachArticle:hover .articleText h1 a{color:#f75a00; }
.dailyNewsList .eachArticle:hover .articleText h1 a:hover{ text-decoration:none;}
.ArticleTag{margin:2px 0;}
.ArticleTag a{ color:#999; font-size:.9em;}

.bookDesingList{}
.bookDesingList .eachArticle{ margin:20px 9px 8px; padding:0; width:175px; height:240px; float:left;}
.bookDesingList .eachArticle .articleThumbnail{ width:175px; height:175px; border-bottom:4px solid #000000;  overflow:hidden;}
.bookDesingList .eachArticle:hover .articleThumbnail{  border-bottom:4px solid #f75a00; }
.bookDesingList .eachArticle .articleText h1{ font-weight:normal; font-size:1em;}
.bookDesingList .eachArticle .articleText h1 a{font-weight:normal;}
.bookDesingList .eachArticle:hover .articleText h1 a{color:#f75a00; }
.bookDesingList .eachArticle .articleText h1 a:hover{color:#f75a00; text-decoration:none;}

.columnList{ }
.columnList .eachArticle{ width:229px;padding:0 8.75px 0 8.75px; height:239px; float:left; text-align:center;}
*html .columnList .eachArticle{ width:229px;padding:0 8px 0 8px; height:239px; float:left; text-align:center;}
/*.columnList .eachArticle{ margin:20px 8px 8px 9px; padding:0; width:229px; height:239px; float:left; }*/
.columnList .eachArticle .articleThumbnail{ width:229px; height:138px; border-bottom:4px solid #000000;  overflow:hidden;}
.columnList .eachArticle:hover .articleThumbnail{  border-bottom:4px solid #f75a00; }
.columnList .eachArticle .articleText {border-bottom:1px solid #000;height:87px;}
.columnList .eachArticle .articleText ul{ margin:10px 0 0 10px;padding:0; float:left; width:209px;}
*html .columnList .eachArticle .articleText ul{ padding:0; float:left;}
.columnList .eachArticle .articleText ul li { list-style:none;line-height:17px; text-align:left;}
.columnList .eachArticle .articleText ul li a{font-weight:normal;color:#545454;text-align:left;}
.columnList .eachArticle .articleText ul li a:hover{color:#f75a00; text-decoration:none;text-align:left;}


.eachArticle .articleTitle a{color:#000; }
.eachArticle:hover .articleTitle a:hover{ color:#f75a00;text-decoration:none;}

/*------ main Visual ----------*/
#feature_list h3 {margin: 0;padding: 7px 0 0 0;	font-size: 16px;text-transform: uppercase;}
div#feature_list {width: 798px; height: 407px; position: relative;}
div#feature_list ul {position: absolute;top: 0;	right:0;list-style: none;margin: 0;	}
ul#tabs {right: 0;	z-index: 2;	width: 320px;}
ul#tabs li {font-size: 12px;background:  url('../images/common/feature-tab-current_1.png');	}
ul#tabs li img { padding: 5px; border: none; float: left; margin:10px 10px 0 0;}
ul#tabs li a { color:#222; text-decoration:none; display:block; padding: 10px; height: 60px; outline: none; padding-left:40px;	}
ul#tabs li a:hover {text-decoration: underline;}
ul#tabs li a.current {background:  url('../images/common/feature-tab-current.png'); color: #FFF;}
ul#tabs li a.current:hover {text-decoration: none; cursor: default;}
ul#output { left: -40px; width: 798px; 	height: 407px;overflow:hidden; z-index:1;}
*:first-child+html ul#output {left: 0px;width: 798px;height: 407px;overflow:hidden;}
ul#output li {width: 798px;height: 407px;}
ul#output li a:hover {background: #f75a00;border:none;}
		
		
/*--------- interview ----------*/
#carouselTitleText{ position:absolute;top:50px; left:20px; color:#fff; font-weight:bold; text-align:center; font-size:1.3em; z-index:100; background:#000000; padding:5px 10px; z-index:1000;}
#carouselAltText{ position:absolute; top:75px; left:20px; color:#000000; z-index:100;background:#000000; padding:5px 10px; color:#FFFFFF; max-width:250px; z-index:1000; }
#carouselTitleText2{  position:absolute;top:50px; left:20px; color:#000; font-weight:bold; text-align:center; font-size:1.3em; z-index:100; background:#fff; padding:5px 10px; z-index:1000;}
#carouselAltText2{  position:absolute; top:75px; left:20px; color:#000000;background:#fff; padding:5px 10px; color:#000; max-width:250px; z-index:1000;}
#carousel1{width:786px; height:370px;background:url(../images/common/bg_carousel1.png) left top no-repeat;overflow:scroll; padding:30px 100px;}
#carousel2{width:786px; height:340px;background:url(../images/common/bg_carousel2.png) left top no-repeat; bottom no-repeat;overflow:scroll; padding:30px 100px;}
.btnCarouselLeft{ border:none; position:absolute; left:10px; top:40%; cursor:pointer}
.btnCarouselRight{border:none; position:absolute; right:10px; top:40%;cursor:pointer}
*html .btnCarouselLeft{ border:none; position:absolute; left:10px; top:13%; cursor:pointer}
*html .btnCarouselRight{border:none; position:absolute; right:10px; top:13%;cursor:pointer}
.columnVisual{position:relative; margin-bottom:20px;}
.columnVisual .sectionTitle{ position:absolute; top:20px; left:20px; font-size:1.6em; display:inline; border:none; background:#000000; padding:5px 10px; color:#FFFFFF;}
.columnVisual .sectionTitle1{ position:absolute; top:20px; left:20px; font-size:1.6em; display:inline; border:none; background:#fff; padding:5px 10px; color:#000; font-weight:normal;}

.columnList{position:relative; margin-bottom:100px;}

/*---------- article --------*/
.articleSection{}
.articleSection .articleTitle{ position:relative; text-align:center; font-weight:normal; min-height:110px;}
.articleSection .articleTitle h2{ font-size:1.2em; color:#000000;}
.articleSection .articleText img{ text-align:center;}
.articleSection .articleText{ padding:0 10px 10px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; line-height:1.4em; border-bottom:1px solid #000; margin-bottom:20px;}
.articleSection .btnCarouselLeft{ border:none; position:absolute; left:10px; top:15%; cursor:pointer}
.articleSection .btnCarouselRight{border:none; position:absolute; right:10px; top:15%;cursor:pointer}
.copyrights{ background:url(../images/common/bg_logo_shape.png) center no-repeat; width:80px; margin:0 auto; padding:10px 230px; height:143px; font-size:.9em; position:relative; color:#FFFFFF;}

/*----------- appendix -----------*/
/*.partnerSection .eachPartner{ width:180px; float:left; margin:20px 35px ; text-align:center; height:100px; border-top:4px solid #FFFFFF; font-weight:bold;}*/
.partnerSection .eachPartner{ width:569px; float:left; text-align:center; height:72px; border-bottom:1px solid #c8c7c7; }
/*.partnerSection .eachPartner:hover{ float:left; text-align:center; height:100px; border-top:4px solid #f75a00;}
.partnerSection .eachPartner:hover a{color:#f75a00;}*/
.partnerSection .eachPartner .img{ margin:10px 0 15px; float:left;}
.partnerSection .eachPartner .text{ width:276px; float:right; text-align:left;;}
.partnerSection .eachPartner .text .title1{font-size:14px; color:#000000;font-weight:bold; margin-top:15px;}
.partnerSection .eachPartner .text .title2{font-size:11px; color:#990000; margin-top:-10px;}
.partnerSection .eachPartner a{ color:#333333;}
.partnerSection .eachPartner .title2 a{ color:#990000;}
/*.partnerSection .eachPartner a:hover{}*/



/*----------- table Form ------------*/
table.tableStandard{ border:1px solid #eee; text-align:center;}
table.tableStandard thead{ color:#fff; background:#000; padding:5px; font-size:1.1em;}
table.tableStandard th,table.tableStandard td{ padding:7px 12px;}
table.tableStandard th a,table.tableStandard td a{ color:#333333;}
table.tableStandard tbody tr:hover{background:#eee;}

.signinPopup{ width:735px; position:absolute; margin-left:-367px; left:50%; top:160px; z-index:10000;}
.signinPopup .whiteboxTop{ background:url(../images/common/img_whitebox_top.png) no-repeat; height:12px;}
.signinPopup .whiteboxBottom{ background:url(../images/common/img_whitebox_bottom.png) no-repeat; height:12px;}
.signinPopup .whiteboxMid{ background:url(../images/common/img_whitebox_mid.png) repeat-y; padding:20px 30px;}

.profileImage{ margin:10px 7px;;}
.textSuper{vertical-align: super; font-size:.8em; line-height:8px; color:#f75a00;}

/*--------- form ---------*/
.panel_input_form{margin:7px 0 0 20px; padding:0;}
* html .panel_input_form{margin:2px 0; padding:0;}
label.form_label{float:left; width:100px;  margin-top:2px;}
*:first-child+html label.form_label{ line-height:18px;}
* html label.form_label{float:left; width:110px;  margin-top:0px; padding:0;}
.panel_contents{float:left; margin:0 0 0 10px; display:inline; width:230px; white-space:nowrap;}
* html .panel_contents{ padding:0;}
* html .panel_contents input{margin:0; padding:0;}
*:first-child+html .panel_contents{ padding:0; margin:0; height:20px;}
input.error {border: 1px solid #c00;}
label.error {border:0; color:#ff1616;  font-size:0.8em; margin-bottom:7px; margin-top:2px; white-space:nowrap; text-transform:capitalize; display:inline; background:#FFF; z-index:3000;}

.loginForm{margin:15px 0;}
.loginForm .check{ border:none;}
.width100{width:100px;}
.required{ background-color:#fdf1e5;}
.panel_input_form .info{width:150px;}


.width200{width:200px;}
.width300{width:270px;}
.width400{width:400px;}
.width500{width:500px;}


/*---------- Footer ----------*/
.footer{ margin-top:10px;  background:url(../images/common/footer_bg.png) top repeat-x; padding-top:10px;}

.footerNavUl{ float:left; width:500px;}
.footerNavUl ul{margin:0; padding:0;}
.footerNavUl ul li{font-weight:bold; font-size:1em; list-style:none; float:left; margin-right:10px; position:relative;}

.footerNavUl ul li a{color:#000000; padding:10px; display:block;}
.footerCopyrights{ float:right; margin-top:5px; padding-right:40px; padding-top:4px; text-align:right; background:url(../images/common/img_logo_s.png) right no-repeat; height:51px;}
.footerNavUl .headerSubNavFirst{margin-left:10px;}

/* login */
.oneLoginLayout{float:left; width:125px;}
.oneInfoLayout{float:left; width:304px;}
