* { margin: 0; padding: 0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; color: #222;}
h1,h2,h3,h4,h5,h6 { font-size: 1em;}
h2.std { margin-bottom: 10px; font-size: 1.2em; font-weight: normal;}
a { text-decoration: none; color: #0893D5;}
a:hover { color: #28B9FE;}
input,select,textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #222;}
ul { list-style: none;}
img { border: none;}
.eleHolder { display: inline;}
.fl { float: left;}
.fr { float: right;}
.clr { clear: both;}
.tc { text-align: center !important;}
.fs120 { font-size: 1.2em;}
.w180 { width: 180px;}
.mt20 { margin-top: 20px;}
.mr5 { margin-right: 5px;}
.mb15 { margin-bottom: 15px;}
.hide { display: none;}
.show { display: block;}
.inputBox { padding: 2px; border: 1px solid #BCBCBC;}
.inputBox:focus { background: #F6FAC6;}
.stdInputWidth { width: 200px;}
.stdBtn { padding: 0 5px; cursor: pointer;}
.btnMode { cursor: pointer;}
.formRow { margin-bottom: 10px; text-align: left;}
.valid { color: #F10;}
input.valid { color: #222; border: 1px solid #F10;}
.contentForm label { float: left; padding-top: 2px; text-align: left;}
.tips { color: #888;}
#transBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
#multiSubHolder,#detailSubHolder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1010; text-align: center;} 
.multiSub,.detailSub { position: relative; width: 370px; margin: 100px auto; padding: 10px 15px; border: 3px solid #DDD; background: #FFF;}
.detailSub h3 { margin-bottom: 10px;}
ul.multiSubList { margin: 10px 0; text-align: left;}
ul.multiSubList li { margin-bottom: 4px; padding: 0 5px 5px; font-size: 1.2em; border-bottom: 1px solid #DDD;}
.multiSub a.multiSubClose,.detailSub a.detailSubClose { display: block; position: absolute; right: 5px; top: 5px; width: 11px; height: 11px; text-indent: -9999px; background: url(../images/closeBtn.gif) left top no-repeat; outline: none;}
.item_subForm a.itemSubClose { display: block; position: absolute; right: 5px; top: 7px; width: 11px; height: 11px; text-indent: -9999px; background: url(../images/closeBtn.gif) left top no-repeat; outline: none;}
.item_subForm a.closeSub { position: relative; left: 5px; top: 6px; float: left; display: block; width: 11px; height: 11px; margin-right: 30px; text-indent: -9999px; background: url(../images/closeBtn.gif) left top no-repeat; outline: none;}
.articles{ width: 860px; margin: 5px auto;}
.articles h2 { margin-bottom: 8px; font-size: 1.2em; font-weight: normal;}
.articles p { margin-bottom: .8em; padding: 0 5px; line-height: 1.5;}

.rc { position: absolute; width: 5px; height: 5px; background-image: url(../images/rc_page.gif); background-repeat: no-repeat;}
.rclt { left: 0; top: 0; background-position: left 0;}
.rcrt { right: 0; top: 0; background-position: -5px 0;}
.rcrb { right: 0; bottom: 0; background-position: right 0;}
.rclb { left: 0; bottom: 0; background-position: -10px 0;}

#outerContainer { width: 100%; margin: 0 auto; text-align: center;}
#header { position: relative; padding: 15px 0 43px; text-align: left; background: #FFF url(../images/header.gif) left bottom repeat-x;}
#logo { position: relative; left: -10px; width: 243px; height: 57px; margin: 0 auto 20px; background: url(../images/cv_logo.gif) center top no-repeat;}
#logo h1 a { display: block; width: 243px; height: 57px; text-indent: -9999px;}
#logo h2 { position: absolute; left: 113px; bottom: 0; width: 400px; font-size: 1.25em; text-align: left; line-height: 1em; color: #777;}
#mainNavi { position: absolute; bottom: 0; width: 100%; height: 23px;}
#mainNavi ul { text-align: center;}
#mainNavi ul li { display: inline-block; height: 23px; margin-right: 7px;}
#mainNavi ul li a { display: block; height: 23px; color: #FFF;}
#mainNavi ul li a span { display: block; height: 19px; padding: 4px 15px 0; font-size: 1.2em; font-weight: bold; background: #0893D5/* url(../images/tabItem.gif) left top repeat-x*/; cursor: pointer;}
#mainNavi ul li a:hover span { background: #777;}
#mainNavi ul li.curr span { display: block; height: 19px; padding: 4px 15px 0; font-size: 1.2em; font-weight: bold; color: #222; border-right: 1px solid #CCC; background: #DDD;}
.mainSearch { margin: 0 auto; text-align: center;}
.mainSearch .inputBox { width: 320px;}
.mainSearch .submitNew { margin: 0 0 0 20px;}
.mainSearch .submitNew a { padding: 2px 4px; color: #FFF; background: #07BB5C;}
.mainSearch .submitNew a:hover { background: #0893D5;}
.mainSearch .multiSubscribe { position: relative; margin: 0 0 0 5px;}
.mainSearch .multiSubscribe a { padding: 2px 4px; color: #FFF; background: #F60;}
.mainSearch .multiSubscribe a:hover { background: #0893D5;}
.mainSearch .multiSubscribe em { position: absolute; right: -110px; top: 0; width: 100px; font-style: normal; text-align: left; color: #F10;}

#container { height: 100%; padding: 15px 0 0 8px; background: #DDD;}
#container.detail { padding: 15px 0 15px 8px;}
#container.std { padding: 15px 0 15px 8px;}
#mainContent.wide { position: relative; width: 880px; margin: 0 auto; padding: 10px 10px 20px; background: #FFF;}
#content { text-align: left;}
form#submit { width: 320px; margin: 0 auto;}
form#submit label { width: 60px;}



#itemList { text-align: center;}
#itemList li { position: relative; display: inline-block; width: 300px; height: 72px; margin: 0 10px 10px 0; background: #FFF url(../images/rcB.gif) right bottom no-repeat;}
#itemList li .innerItem { float: left; width: 300px; height: 72px; text-align: left; background: url(../images/rcA.gif) left bottom no-repeat;}
#itemList li .innerItem .item_logoHolder { position: relative; float: left; width: 70px; height: 66px; background: url(../images/rcA.gif) left top no-repeat;}
#itemList li .innerItem .item_logoHolder a { position: absolute; left: 6px; top: 6px; display: block; width: 60px; height: 60px; z-index: 0;}
#itemList li .innerItem .item_infoHolder { float: right; width: 225px; height: 62px; padding-top: 4px; background: url(../images/rcB.gif) right top no-repeat;}
#container.detail #mainContent { width: 900px; margin: 0 auto; background: #FFF;}
div.item { position: relative; background: #FFF url(../images/rcB.gif) right bottom no-repeat;}
div.item .innerItem { padding-bottom: 5px; background: url(../images/rcA.gif) left bottom no-repeat;}
div.item .innerItem .detail_info { position: relative; float: left; width: 270px;}
div.item .innerItem .item_logoHolder { position: relative; float: left; width: 70px; height: 66px; padding-top: 10px; text-align: right; background: url(../images/rcA.gif) left top no-repeat;}
div.item .innerItem .item_infoHolder { float: right; width: 190px; height: 62px; padding-top: 10px; text-align: left;}

.infoRow1 { float: left; width: 220px; margin-bottom: .8em; overflow: hidden;}
div.item .infoRow1 { width: 190px;}
.infoRow1 h3 { float: left; margin-right: 15px; font-size: 1.2em;}
.infoRow1 .item_version { float: left;}
.infoRow1 .item_version strong { margin-left: 5px; font-size: 1.2em;}
.infoRow2 { clear: left; margin-bottom: .6em;}
.infoRow2 em { margin: 0 20px 0 5px;}
.infoRow3 .item_category a { margin: 0 20px 0 5px;}
a.item_mailSub { position: absolute; right: 5px; bottom: 5px; display: block; padding: 1px 4px; color: #FFF; background: #F60;}
a.item_mailSub:hover { color: #FFF; background: #0893D5;}
.item_multiSub { position: absolute; right: 5px; top: 5px;}
.item_subForm { position: absolute; right: 0; bottom: 0; width: 280px; padding: 5px 10px; text-align: center; background: #F6FAC6; z-index: 100;}
.item_subForm .item_mailInput { width: 180px;}
.item_subForm .item_mailInput:focus { background: #FFF;}

div.item p { margin-bottom: .8em;}
div.item .item_title { margin-bottom: .8em; font-size: 1.2em;}
div.item .item_version strong { font-size: 1.2em;}
div.item .item_time em { margin-left: 5px;}
div.item .item_category { margin-right: 20px;}
div.item .item_mailSub { margin-top: 10px;}
div.item .item_mailSub a { padding: 1px 4px; font-size: 1.2em; color: #FFF; background: #F60;}
div.item .item_mailSub a:hover { background: #0893D5;}

.detailContent_holder { float: right; width: 615px; padding: 10px 15px 30px 0; text-align: left; background: url(../images/rcB.gif) right top no-repeat;}
.contentItem { margin-bottom: 10px; border-bottom: 1px solid #DDD; }
.contentItem h2 { margin-bottom: 8px; font-size: 1.2em; font-weight: normal;}
.contentItem p { margin-bottom: 10px; padding-left: 5px; line-height: 1.5;}
.verList { margin-bottom: 10px; padding-left: 5px;}
.verList li { margin-bottom: 5px;}
.verNum { margin-right: 20px;}
.verNum em,.verDate em { margin-left: 5px; font-style: normal;}

ol.index_en { width: 860px; margin: 0 auto; list-style: none;}
ol.index_en .cap { float: left; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
ol.index_en li { margin-bottom: 9px; padding: 0 0 5px 5px; border-bottom: 1px solid #DDD;}
ol.index_en li .index_itemHolder { float: right; width: 830px;}
ol.index_en li .index_itemHolder a { float: left; margin: 0 10px 5px 0;}

ol.pageNav { margin: 10px auto 0; text-align: center; list-style: none;}
ol.pageNav li { display: inline-block; height: 20px; margin-right: 5px;}
ol.pageNav li a { display: block; height: 20px; color: #FFF; background: #0893D5;}
ol.pageNav li a span { display: block; height: 18px; padding: 2px 6px 0; background: #0893D5; cursor: pointer;}
ol.pageNav li a:hover span { background: #777;}
ol.pageNav li.curr span { display: block; height: 18px; padding: 2px 6px 0; color: #222; background: #DDD;}

dl.screenshots { margin-bottom: .8em; text-align: center;}
dl.screenshots dd { margin: .2em auto 2em; font-weight: bold;}

#mainSearchBtm.mainSearch { margin-top: 20px;}


#footer { padding: 50px 0 10px; background: #FFF;}
#footer ul { margin-bottom: 20px;}
#footer ul li { display: inline; margin-right: 15px;}
#footer p { margin-bottom: 20px;}
#footer p.valid a { margin: 0 5px;}