/*Copyright 2006 Iocblog.net. Powered by iocsoft.net.*/
* {padding: 0;margin: 0;}
html,body {font-size:12px;FONT-FAMILY: Tahoma,sans-serif; margin:0px;padding: 0; text-align:center; background:#fff;height: 100%;}
a:link {text-decoration: none;color: #004A9C;}
a:visited {text-decoration: none;color: #377CBD;}
a:hover {text-decoration: underline;color: #F00;}
a:active {text-decoration: none;color: #004A9C;}
dl, dd {margin: 0;padding: 0;}
#container {width:978px;margin:2px auto;background:#FFF;}
#header {background:url(../images/logo.gif) no-repeat;height:50px;}
#menu {padding:6px 6px 0 0}
#menu ul {float:right;list-style:none;margin:0px;}
#menu ul li {float:left;display:block;line-height:16px;margin:0 6px}
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666}
#menu ul li a:hover{}
.menuDiv {width:1px;height:16px;background:#999}
#smallmenu{margin:0 auto;}
#smallmenu ul {float:left;list-style:none;margin:0px;border: 1px solid #C3CFEA;}
#smallmenu li{float:left;list-style-type: none;padding:5px 19px 0 19px;border-right: 1px solid #c4c4c4;height:18px;text-align:center;}
#smallmenu li a {color:#666; text-decoration:none;}
#smallmenu li a:active{color:#666; text-decoration:none;}
#smallmenu li a:hover{color:#666; text-decoration:underline;}
#pagebody {width:100%; padding-top: 2px;min-height: 100%;background:#F9FCFE}
#sidebar {width:18%; text-align:left; float:right; clear:right; overflow:hidden; margin:0 auto;}
#mainbody {width:81%;text-align:left;float:left; clear:left; overflow:hidden;}
#mainbody_art {width:70%;text-align:left;float:left; clear:left; overflow:hidden;margin:0 auto;}
#mainbody_list {width:29%;text-align:left;float:right; clear:right; overflow:hidden;}
#mainbody_project {width:75%;text-align:left;float:left; clear:left; overflow:hidden;margin:0 auto;}
#sidebar_project {width:25%;text-align:left;float:right; clear:right; overflow:hidden;}
#SmallNav {background: #F0F8FF;margin-bottom: 10px;padding: 5px;text-align:left;}
#footer {CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; TEXT-ALIGN: center; vertical-align:bottom;}
H2 {FONT-WEIGHT: normal; COLOR: #693;}
H3 {FONT-WEIGHT: normal; COLOR: #693;}
H5 {FONT-WEIGHT: normal; COLOR: #693;}
* html #container { height: 100%;}
.specnote {PADDING-LEFT: 1em; BORDER-LEFT: #9ab 3px solid; COLOR: #333; FONT-STYLE: italic}
.cglob {MIN-HEIGHT: 0px;}
.cglob H2{clear: both;border-bottom: #ccc 1px dotted; MARGIN-TOP: 2px; border-top: #ccc 1px dotted;}
.cglob p.author {text-align:right;font-size: 12px;margin-bottom: 10px;font-weight: normal;}
.categorytitle {BORDER-RIGHT: #9ab 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 1.9em; BACKGROUND: #f5f5f5; FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 5px; BORDER-LEFT: #9ab 1px solid; WIDTH: 92%; PADDING-TOP: 5px; BORDER-BOTTOM: #9ab 1px solid}
.artlist {BORDER-RIGHT: #9ab 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 1px;  FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; BORDER-LEFT: #9ab 1px solid; WIDTH: 98%; PADDING-TOP: 0.1em; BORDER-BOTTOM: #9ab 1px solid}
.about {BORDER-RIGHT: #9ab 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 1.9em; BACKGROUND: #F9FCFE; FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; BORDER-LEFT: #9ab 1px solid; WIDTH: 92%; PADDING-TOP: 0.1em; BORDER-BOTTOM: #9ab 1px solid}
.note {BORDER-RIGHT: #9ab 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 1.9em; BACKGROUND: #F9FCFE; FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; BORDER-LEFT: #9ab 1px solid; WIDTH: 60%; PADDING-TOP: 0.1em; BORDER-BOTTOM: #9ab 1px solid;vertical-align: middle;text-align:center}
.coolButton {BORDER-RIGHT: buttonface 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: buttonface 0px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FILTER: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: buttonface 0px solid; CURSOR: pointer ; COLOR: #222222; PADDING-TOP: 2px; BORDER-BOTTOM: buttonface 0px solid; WHITE-SPACE: nowrap}
.footnote {text-align:left;FONT-SIZE: 0.8em; COLOR: #666}
.preandnext {width:800px;margin:0 auto;text-align:left;COLOR: #666;background: #F9FCFE;}
.googlechannel {text-align:left;background:#F9FCFE}
P.footnote {MARGIN-TOP: 4em}
.img{float:right;width:290px;margin-right:3px;padding: 8px;}
.img_l{float:right;width:290px;margin-right:3px;padding: 8px;}
#links {clear: both;}
#links .footnote {BORDER-TOP: #ccc 1px dotted; MARGIN-TOP: 2px;margin-right:6px;}
#links p {margin: 0px;padding: 0px;}
#links .content {text-align:center;}
.IocContainer {float: left;width: 100%;}
.IocContainer dl.ContentBlock {border: 1px solid #C3CFEA;background: #FFF;margin-bottom: 12px;height: 192px;}
.IocContainer dl.ContentBlock dt {padding: 2px 0 2px 8px;border-bottom: 1px solid #C3CFEA;background: #F0F8FF;height: 16px;}
.IocContainer dl.ContentBlock dt span {font-weight: bold;}
.IocContainer dl.ContentBlock dt ul {font-weight: normal;margin: 0;padding: 0;list-style: none;display: inline;}
.IocContainer dl.ContentBlock dt ul li {margin: 0;padding: 0 2px;display: inline;}
.IocContainer dl.ContentBlock dt ul.ulleft {float:left;clear:left;width:50%;margin: 0;padding: 0;font-weight: bold;}
.IocContainer dl.ContentBlock dt ul.more {text-align:right;float:right;clear:right;width:50%;margin: 0;padding: 0;}
.IocContainer dl.ContentBlock dd ul.ulright {float:right;clear:right;width:50%;margin: 0;padding: 0;}
.IocContainer dl.ContentBlock dd ul.ulleft {float:left;clear:left;width:50%;margin: 0;padding: 0;}
.IocContainer dd ul {margin: 0;padding: 0;}
.IocContainer dd ul li {list-style: none;background: url(./images/dot.gif) no-repeat .3em .6em;padding: 2px 0 1px .75em;}
.IocContainer h4 {font-size: 12px;margin: 2px;}
.IocContainer p {margin: 2px;line-height: 140%;}
.IocContainer dl.ContentBlock1 {border: 1px solid #ccc;background: #FFF;margin-bottom: 12px;height: 192px;}
.IocContainer dl.ContentBlock1 dt {padding: 2px 0 2px 16px;border-bottom: 1px solid #ccc;background: #F0F8FF url(./images/icon.gif) no-repeat 4px 2px;font-weight: bold;}
.IocContainer dl.ContentBlock1 dt ul {font-weight: normal;margin: 0;padding: 0;list-style: none;display: inline;}
.IocContainer dl.ContentBlock1 dt ul li {margin: 0;padding: 0 2px;display: inline;}
.IocContainer dl.RefContentBlock {border: 1px solid #C3CFEA;background: #FFF;margin-bottom: 12px;}
.IocContainer dl.RefContentBlock dt {padding: 2px 0 2px 8px;border-bottom: 1px solid #C3CFEA;background: #F0F8FF;font-weight: bold;}
.IocContainer dl.RefContentBlock dt ul {font-weight: normal;margin: 0;padding: 0;list-style: none;display: inline;}
.IocContainer dl.RefContentBlock dt ul li {margin: 0;padding: 0 2px;display: inline;}
.IocContainer dl.MidContentBlock {border: 1px solid #ccc;background: #FFF;margin-bottom: 12px;}
.IocContainer dl.MidContentBlock dt {padding: 2px 0 2px 16px;border-bottom: 1px solid #ccc;background: #F0F8FF url(./images/icon.gif) no-repeat 4px 2px;font-weight: bold;}
.IocContainer dl.MidContentBlock dt ul {font-weight: normal;margin: 0;padding: 0;list-style: none;display: inline;}
.IocContainer dl.MidContentBlock dt ul li {margin: 0;padding: 0 2px;display: inline;}
.IocContainer dl.FocusBlock {border: 1px solid #ccc;background: #FFF;margin-bottom: 12px;}
.IocContainer dl.FocusBlock dt {padding: 2px 0 2px 16px;border-bottom: 1px solid #ccc;background: #F0F8FF url(./images/icon.gif) no-repeat 4px 2px;font-weight: bold;}
.IocContainer dl.FocusBlock dt ul {font-weight: normal;margin: 0;padding: 0;list-style: none;display: inline;}
.IocContainer dl.FocusBlock dt ul li {margin: 0;padding: 0 2px;display: inline;}
.LeftColumn {float: left;width: 49%;}
.RightColumn {float: right;width: 49%;}
.MiddleColumn {float: left;width: 100%;}
.FocusColumn {float: right;width: 100%;}
#ioc_list_r{DISPLAY: inline;BORDER-RIGHT: #9ab 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 2px; FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; BORDER-LEFT: #9ab 1px solid; WIDTH: 92%; PADDING-TOP: 0.1em; BORDER-BOTTOM: #9ab 1px solid;}
.ioc_list_r{DISPLAY: inline;BORDER-RIGHT: #9ab 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #9ab 1px solid; PADDING-LEFT: 2px; FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; BORDER-LEFT: #9ab 1px solid; WIDTH: 92%; PADDING-TOP: 0.1em; BORDER-BOTTOM: #9ab 1px solid;}
.ioc_list_r_li{font-size:9px;}
#ioc_list_r p{PADDING-LEFT: 0px !important;font-size: 100%;color: #334d55;margin: 2px;padding: 0px;TEXT-ALIGN:left;}
.ioc_list_r p{PADDING-LEFT: 0px !important;font-size: 100%;color: #334d55;margin: 2px;padding: 0px;TEXT-ALIGN:left;}
#ioc_list_r ul{PADDING-LEFT: 9px !important;MARGIN: 3px 0px 0px 3px;LIST-STYLE-TYPE: none}
#ioc_list_r ul li{PADDING-RIGHT: 0px;PADDING-LEFT: 0px !important;PADDING-LEFT: 3px;PADDING-BOTTOM: 1px;OVERFLOW: hidden;COLOR: #000;PADDING-TOP: 0px;text-align:left}
#ioc_list_r ul li a:link{COLOR: #377CBD;TEXT-DECORATION: none}
#ioc_list_r ul li  a:hover{COLOR: #c33;TEXT-DECORATION: none}
#ioc_list_r ul li  a:active{COLOR: #000;TEXT-DECORATION: none}
#ioc_list_r ol{LIST-STYLE-TYPE: none}
#ioc_list_r a span{overflow:hidden; border-top:6px solid #F9FCFE;border-left:6px solid #F9FCFE;border-bottom:6px solid #F9FCFE; height:0px; width:0px; margin:2px 2px 0 -12px; position:absolute}
#ioc_list_r a:hover span{background:#F9FCFE;border-top:6px solid #F9FCFE;border-left:6px solid #ACD902;border-bottom:6px solid #F9FCFE;overflow:hidden; float:left;}
.corner-box{PADDING-RIGHT: 12px;PADDING-LEFT: 12px;PADDING-BOTTOM: 2px;PADDING-TOP: 6px}
.corner-box H3{MARGIN-TOP: 0px}
.code{text-align:left;BORDER-RIGHT: #d1d7dc 1px solid;BORDER-TOP: #d1d7dc 1px solid;FONT-SIZE: 12px;BORDER-LEFT: #d1d7dc 1px solid;COLOR: #000000;BORDER-BOTTOM: #d1d7dc 1px solid;BACKGROUND-COLOR: #fafafa}
.nav2 {margin: 0;padding: 0;}
.rate_nav {width:35%;margin:0 auto;float:left;text-align:left;}
.nav2 SPAN{COLOR: #9fd616;BORDER-BOTTOM: #fff 1px solid;cursor:pointer !important;cursor:pointer;}
.author {width:65%;margin:0 auto;float:right;padding: 0px;text-align : right;}
.click_SPAN{COLOR: #9fd616;BORDER-BOTTOM: #fff 1px solid;cursor:pointer;}
.loadinfo_hide{DISPLAY: none;z-index:10000;}
.loadinfo_show{text-align:right;z-index:10000;}
.rss_show{border:0;}
.z {clear: both;}
.loadinfo_show SPAN{COLOR: #ff5500;}
.commend_select {CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: left;background: #F0F8FF;}
.commend_unselect {CLEAR: both; PADDING-RIGHT: 2px; DISPLAY: none; PADDING-LEFT: 2px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: left;}
.form {clear: both;margin: 0;padding: 0;}
.bottomnav{MARGIN: 0px 0px 10px}
.bottomnav DL{PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;MARGIN: 0px 5px;PADDING-TOP: 4px;HEIGHT: 12px}
.bottomnav DT{PADDING-RIGHT: 0px;PADDING-LEFT: 13px;FLOAT: left;PADDING-BOTTOM: 0px;WIDTH: 69px;PADDING-TOP: 5px;HEIGHT: 12px}
.bottomnav DD{PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 2px}
.bottomnav DD A{font-size:12px;MARGIN: 0px 8px}
.friendnav {height:390px;margin:5px;PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: left;}
.Title{	font-weight: bold;	font-size: 18px;	color: #cc3300;}