@charset "UTF-8";
/* Prosesim © 2012 */
/* Design by Prosesim - http://www.prosesim.com */

/*----------------------------------------------*/
/*------------ Main Container Styles -----------*/
/*----------------------------------------------*/
*{border:0;margin:0 auto;outline:none;padding:0}
html{font-family:Arial, Helvetica, sans-serif;}
body{min-width:960px;font-family:Arial, Helvetica, sans-serif;color:#666;font-size:14px;background:url(../images/bodyBg2.png) repeat-x;margin:0;padding:0}
div#container{position:relative;margin:0 auto;}
div#contentMainContainer{background:#e2e2e2 url(../images/contentMainBg.png) top center repeat-y;margin:0 auto;position:relative;}
div#headerContainer{min-width:960px;min-height:142px;}
div#header{background:url(../images/headerBg.png) repeat-x;width:960px;height:150px;position:relative;margin:0 auto;}
div#contentMain{margin:0 auto;/*padding:0;*//*(a)*/padding:12px 0 0 0;width:960px}
div#footerContainer{background:url(../images/footerBg.png) repeat-x;position:relative;margin:0px auto;padding:10px 0 5px}
div#footer{width:960px;bottom:0;margin:0 auto}
/************************************************/
/************************************************/

/*----------------------------------------------*/
/*------------------ Content -------------------*/
/*----------------------------------------------*/
/* Main */
p{line-height:20px;font-size:13px;color:#666;margin:0 0 5px 0;}
a{color:#4e4e4e;text-decoration:none}
a:hover{color:#999;text-decoration:underline}
h1.title{border-bottom:1px solid #bababa;margin:0 0 10px 0;padding: 0 0 5px 0;}
h2.colTitle {}
h3{padding:0 0 0 5px;font-weight:bold}
h3.headerCol{border-bottom:1px solid #CCC;color:#55B0D3;padding:0 4px 10px 4px}


/* Header Content */
a#logoMain{position:relative;display:block;top:10px;left:7px;background: url(../images/logo.png) no-repeat;width:340px;height:115px;text-indent:-9999px}
#topnav {position:relative; margin:0; padding:0; top:45px; }
#topnav ul { list-style:none; padding:0; margin:0;}
#topnav li { float:left;margin:4px 5px 4px 5px;}
#topnav li a { font:normal 14px Arial, Helvetica, sans-serif; color:#666; height:30px; line-height: 30px; text-decoration:none;text-align:center;vertical-align:middle;display:block; text-shadow: 0px 1px 0px rgba(255,255,255,.9);padding: 2px 13px;}
#topnav li a:hover, #topnav li.current a { color:#333; background-image: url(../images/topnavHover.png);background-repeat: repeat-x;border:1px solid #d9d9d9; -moz-border-radius:5px; -webkit-moz-radius:5px;border-radius:5px;-moz-box-shadow: 0 1px 3px 0 #ccc; -webkit-box-shadow: 0 1px 3px 0 #ccc; box-shadow:0 1px 3px 0 #ccc;padding:1px 12px;}

/* Slider */
#sliderContainer {background: url(../images/sliderBg.png) repeat-x;width:960px;margin:-7px auto 0 auto;padding:14px 0 0 0;}
.slider{margin:0px auto 0 auto;padding:35px 0 0;background:url(../images/sliderShadow.png) no-repeat center top;width:848px;height:360px;}
.coin-slider{overflow:hidden;zoom:1;position:relative;width:820px;margin:-28px auto}
.coin-slider a{text-decoration:none;outline:none;border:none}
.cs-buttons{font-size:0;float:left;margin:7px 0 0 0;padding:10px}
.cs-buttons a{margin-left:2px;width:20px;height:20px;float:left;color:#fff;text-indent:-1000px;background:url(../images/slider/slide_p.png) no-repeat left top}
.cs-buttons a.cs-active{color:#fff;background:url(../images/slider/slide_a.png) no-repeat left top}
.cs-title{float:left;width:91.5%;color:#fff;font-size:24px;line-height:1em;padding:20px 40px 12px;background:url(../images/slider/overlay.png) left top;display:block;}
.cs-title small{font-size:12px;line-height:1.8em}
.cs-prev,.cs-next{color:#fff;padding:0 10px;background:url(../images/slider/overlay.png) left top}


/* Index Content */

.mainLeftCol .box {width:560px;padding:5px 0; margin:0 auto;}
.mainLeftCol .box .border_box { background:url(../images/contentTitleBg.png) repeat-x; border:1px solid #dbdbdb; padding:2px 10px 0px 10px; margin:0 0 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 4px 0 #ccc; -webkit-box-shadow:0 1px 4px 0 #ccc; box-shadow:2px 2px 2px 0 #BBB;}
.mainLeftCol .box .border_box2 { background:url(../images/contentTitleBg.png) repeat-x; border:1px solid #dbdbdb; padding:2px 10px 0px 10px; margin:25px 0 15px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 4px 0 #ccc; -webkit-box-shadow:0 1px 4px 0 #ccc; box-shadow:2px 2px 2px 0 #BBB;}
.box { margin:0 0 5px 0; padding:0 0;}
.box .content { height:1%; padding:0;}
.post-title { padding:5px; margin:0;text-shadow: 0px 1px 0px rgba(255,255,255,.9);}
.post-title h2 { margin:0; padding:0; font:normal 20px Arial, Helvetica, sans-serif; color:#4e4e4e;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#4e4e4e; text-decoration:none;}
.textBoxes {float:left; padding:0; font:13px; color:#666; margin:-5px 0 0 5px; line-height:20px;}
.textBoxes a { color:#666; text-decoration:underline;}
.textBoxes img {margin:10px 10px 0 0;}
.mainRightCol {padding:0px; margin:5px 0 30px 6px; }
.aboutRefBox {margin-bottom:15px !important;}
.mainRightCol .box {width:328px; padding:5px 0px;background:#e6e6e6 url(../images/contentMainNewsBg.png) repeat-x; border:1px solid #dbdbdb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 2px 1px #BBB; -webkit-box-shadow:2px 2px 2px 1px #BBB; box-shadow:2px 2px 2px 1px #BBB;}
.newsBox {height:355px;margin:0 0 0 0; overflow: hidden}
.wtitle { padding:6px 0px; margin:0 0 10px 0; border-bottom:1px dotted #999;text-shadow: 0px 1px 0px rgba(255,255,255,.9); }
.wtitle h2 { margin:0 10px; padding:0; font:normal 20px Arial, Helvetica, sans-serif; color:#4e4e4e; text-shadow: 0px 1px 0px rgba(255,255,255,.9);}
.wtitle h2 a, .wtitle h2 a:hover {color:#4e4e4e;}
#news ul{height:310px;overflow:hidden;padding:0 5px; margin:-10px 0 0 0;}
#news ul li{list-style: url(../images/gBullet.png) inside; padding:0px 0px 5px 7px; border-bottom:1px dotted #999; line-height:17px; font-size:13px;}


#referencesMain ul{width:295; margin:-10px 0 0 0}
#referencesMain ul li{padding:10px 0; border-bottom:1px dotted #999;list-style-type:none;}
#referencesMain ul li span.imgReferences{width:90px; height:60px; float:left; border:1px solid #999; margin:0 8px 0 10px; background:#CCC}
#referencesMain ul li span.txtReferences{width:190px; float:left; line-height:18px; font-size:12px}
 
/* Hover */
.view{width:170px; height:150px; margin:8px; float: left; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: #fff/* url(../images/bgimg.jpg) no-repeat center center*/;position:relative;}
.view .mask,.view .content{width:170px; height: 150px; position: absolute; overflow: hidden; top: 0; left: 0}
.view img{display: block; position: relative;}
.view h2{color: #fff; position: relative; font-size:16px; padding:3px; margin:0; line-height:25px; top:-20px; text-shadow: 0px 1px 0px rgba(0,0,0,.9); font-weight:bold}
.view p{font-family:Tahoma, Geneva, sans-serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; text-shadow: 0px 1px 0px rgba(0,0,0,.9);}
.view a.info{display: inline-block; text-decoration: none; padding: 7px 14px; background: #333; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; position:relative; top:-40px; font-weight:bold}
.view a.info:hover{-webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000}

.view-sixth img{-webkit-transition: all 0.4s ease-in-out 0.5s; -moz-transition: all 0.4s ease-in-out 0.5s; -o-transition: all 0.4s ease-in-out 0.5s; -ms-transition: all 0.4s ease-in-out 0.5s; transition: all 0.4s ease-in-out 0.5s}
.view-sixth .mask{background-color: rgba(51,51,51,0.5); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in 0.4s; -moz-transition: all 0.3s ease-in 0.4s; -o-transition: all 0.3s ease-in 0.4s; -ms-transition: all 0.3s ease-in 0.4s; transition: all 0.3s ease-in 0.4s}
.view-sixth h2{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 30px 7px; -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in-out 0.1s; -ms-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s}
.view-sixth p{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s}
.view-sixth a.info{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in-out 0.1s; -ms-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s}
.view-sixth:hover .mask{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s}
.view-sixth:hover img{-webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s}
.view-sixth:hover h2{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s}
.view-sixth:hover p{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s}
.view-sixth:hover a.info{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s}
/*****/



/* Footer Content */
p.footercontent{font-size:12px;line-height:20px; margin-top:5px}
p.footercontent img {margin-top:8px;}
p.support{color:#55B0D3;font-size:13px;font-style:italic;font-weight:bold;position:relative;text-align:center;top:-9px}
h3.footercontent{color:#ccc;font-size:13px;font-weight:bold;line-height:20px;padding:7px}
ul.footerColsW{float:left;font-size:12px;padding:0 10px;width:125px}
ul.footerColsW li a{color:#aaa;}
ul.wide{border-right:1px dotted #999;float:left;font-size:12px;height:80px;overflow:hidden;margin:0 0px 0 50px;padding:1px 30px 0px 5px;width:320px}
ul.wide li span {color:#ffcc00}
a{color:#aaa}
.footerColsS{border-right:1px dotted #999;float:left;font-size:12px;margin:5px 0 0;overflow:hidden;padding:0 10px;width:200px}
ul.footerColsW li,ul.wide li{display:block;padding:4px 2px}
ul.footerColsW li a:hover,ul.wide li a:hover{color:#ccc}
.footerContact p img {margin:-16px 20px 0 -3px}
.footerContact p.gray {color:#aaa;margin: 0 8px}

#fbotCont{width:100%; border-top:3px solid #666; height:10px; padding:5px 0 5px 0; font-size:12px; color:#666; margin-top:10px; background:#DDD}
#fbot{width:970px; margin:0 auto}
#fbot span.lf{float:left}
#fbot span.rt{float:right; width:72px; height:16px; margin-top:-2px}
/************************************************/
/************************************************/


/* Contact */
#mapContainer {background: url(../images/sliderBg.png) repeat-x;width:960px;margin:-7px auto;padding:14px 0 0 0;}
#mapContainer .map {margin:0px auto;background:url(../images/sliderShadow.png) no-repeat center top;width:848px;height:360px;}
iframe.gMap {width: 815px;height: 320px;margin:10px 16px 0 16px;}
.contactLeftCol {margin:10px 5px 20px 0;}
.contactRightCol {margin:10px 20px 20px 0;}
.contactLeftCol .box { width:320px;padding:5px 0; margin:0 auto;background:#e6e6e6 url(../images/contentMainNewsBg.png) repeat-x; border:1px solid #dbdbdb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 2px 1px #BBB; -webkit-box-shadow:2px 2px 2px 1px #BBB; box-shadow:2px 2px 2px 1px #BBB;}
.contactRightCol .box { width:575px;padding:5px 0; margin:0 auto;background:#e6e6e6 url(../images/contentMainNewsBg.png) repeat-x; border:1px solid #dbdbdb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 2px 1px #BBB; -webkit-box-shadow:2px 2px 2px 1px #BBB; box-shadow:2px 2px 2px 1px #BBB;}
#contformlf {float:left;width:250px;margin:0 10px;}
#contformrg {float:left;width:275px;}
#contactForm{margin:0 auto; padding-top:5px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#contactForm legend{width:100%; font-size:17px; margin-bottom:5px; line-height:30px; font-weight:bold; color:#666; border-bottom:1px dotted #999}
#contactForm p{float:left; width:250px; margin:7px 0;}
#contactForm p.warning {width: 500px;margin:0 0 0 30px;font-size:10px;}
#contactForm label{float:left; width:100px; display:block; font-size:13px; text-align:right; margin-right:10px}
#contactForm input{margin:0; width:120px;height:18px; border:1px solid #CCC; padding:3px 5px 3px 5px;}	
#contactForm textarea.txtareacont{width:255px; height:90px; overflow:auto; resize:none; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style:italic; border:1px solid #ccc;padding:7px;}
#contactForm p.submit{clear:both; padding:5px 30px;margin:5px 0;}
#contactForm input.hrSubmitContact{float:right; background:url(../images/submitBg.png) repeat-x; color:#666; width:100px; height:30px; border:solid 1px #CCC; padding:0 1px 0 3px; font-weight:bold; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #CCC;box-shadow: 0px 0px 3px #CCC;-webkit-box-shadow: 0px 0px 3px #CCC; margin-right:10px; margin-top:-5px; cursor:pointer;}				
#contactForm input.hrSubmitContact:hover{float:right;color:#333; width:100px; height:30px; border:solid 1px #CCC; padding:0 1px 0 3px; font-weight:bold; -moz-box-shadow: 0px 0px 3px #CCC;-moz-box-shadow:0 1px 4px 0 #666; -webkit-box-shadow:0 1px 4px 0 #666;box-shadow:0 1px 4px 0 #666;cursor:pointer}				
.contactLeftCol .border_box {padding: 15px 20px 20px 15px;font-size:14px;}
.contactLogo {margin-right:10px;margin-top:-2px;float:left;}
.contactDetails {margin:10px 0 0 5px;line-height: 22px;}

.mailStatus {font-size:14px;color:#666666;text-align:center;margin:50px auto;}
/************************************************/
/************************************************/

/* About */
.aboutText{}
.aboutText p{float:left;width:255px;margin:0;border-right:1px dotted #ccc;padding:10px}
.aboutDocs {margin:10px auto;text-align: center;width:300px;}
.aboutDocs img { border:1px solid #ccc;padding:3px;margin: 10px; -moz-box-shadow:0 1px 4px 0 #ccc; -webkit-box-shadow:0 1px 4px 0 #ccc; box-shadow:0 1px 4px 0 #ccc}
.aboutDocs img:hover {border:1px solid #999;}
.catImg {border-color:#ccc !important}
.catTxt {margin-top:10px;}
/* References (a) */
.refContainer .box {width:920px;margin:0 auto;}
.refContainer .border_box {height:30px;background:url(../images/contentTitleBg.png) repeat-x; border:1px solid #dbdbdb; padding:6px 10px 0px 10px; margin:0 0 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 4px 0 #ccc; -webkit-box-shadow:0 1px 4px 0 #ccc; box-shadow:2px 2px 2px 0 #BBB}
.refContainer .post-title {font-size: 15px;font-style:italic;color:#666;text-shadow: 0px 1px 0px rgba(255,255,255,.9);}
.refContainer span.refTitle {font-size:18px;font-style:normal;font-weight:bold;color:#4c4c4c;}
.refContainer .ref {margin:5px 45px;}
ul.refCol {margin:0 0 0 18px;float:left;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-style:normal;margin:10px 10px 10px 10px;}
ul.refCol li {list-style-image:url(../images/bullet.png);line-height:18px;margin:13px 0;}

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

/* Activities */
.activities ul {padding:0 5px;}
.activities ul li{margin:10px 10px 10px 10px;list-style-type:none;}
.activities ul li span.imgActivities img{width:92px; height:78px; float:left; border:1px solid #999; margin-right:8px; background:#CCC}
.activities ul li span.titleActivities{float:left; width:420px;line-height: 22px;font-size:13px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.activities ul li span.titleActivities a {color:#666;}
.activities ul li span.txtActivities{float:left; width:420px;line-height:16px; font-size:12px}

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

/* Pagination */
ul.pager li.page {list-style-type: none;}
.simplePagerContainer {position:relative;}
ul#simplePagerNav :after {clear:both;}
ul.red {outline:10px solid red;}
ul.simplePagerNav{position:absolute;float:right;margin:0 0 5px 0;right:35px;top:7px;}
ul.simplePagerNav li {display:block;float:left;color: #333;text-decoration: none;border:1px solid #dbdbdb;padding: 3px;margin:2px 2px 5px 2px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 1px 3px 0px #BBB; -webkit-box-shadow:0px 1px 3px 0px #BBB; box-shadow:0px 1px 3px 0px #BBB;}
li.currentPage {background: #666;border:1px solid #666;}
ul.simplePagerNav li.currentPage a {color: #fff;padding:1px 3px 1px 3px;}
ul.simplePagerNav li a {color: #666;padding:1px 3px 1px 3px;}
table.pageme {border-collapse: collapse;border: 1px solid #ccc;}  
table.pageme td {border-collapse: collapse;border: 1px solid #ccc;}
/************************************************/
/************************************************/

/* Login Panel */
.tab{background:url(../images/login/tab_b.png) repeat-x 0 0; height:30px; position:relative; top:-5px; z-index:999}
.tab ul.login{display: block; position: relative; float: right; clear: right; height: 34px; width: auto; font-weight: bold; line-height: 32px; margin: 0; right:130px; color:#666; font-size: 12px; text-align: center}
.tab ul.login li.left{background:url(../images/login/tab_l.png) no-repeat left 0; height:34px; width:10px; padding:0; margin:0; display:block; float:left}
.tab ul.login li.right{background:url(../images/login/tab_r.png) no-repeat left 0; height:34px; width:30px; padding:0; margin:0; display:block; float:left}
.tab ul.login li {text-align:left; text-align:center; padding:0; display:block; float:left; height:34px; background:url(../images/login/tab_m.png) repeat-x 0 0}
.tab ul.login li a{color:#666}
.tab ul.login li a:hover{color:#333}
.tab .sep {color:#EEE}
.tab a.open, .tab a.close{height:30px; line-height:20px !important; cursor:pointer; display:block; width:auto; position:relative; top:6px; padding:0 0 0 30px; margin-right:-10px}
.tab a.open {background:url(../images/login/bt_open.png) no-repeat -5px 1px;}
.tab a.close {background:url(../images/login/bt_close.png) no-repeat -5px 1px;/*background:url(../images/login/bt_close.png) no-repeat left -19px*/}
.tab a:hover.open {/*background:url(../images/login/bt_open.png) no-repeat left -19px*/}
.tab a:hover.close {/*background:url(../images/login/bt_close.png) no-repeat left -19px*/}

/* sliding panel */
#toppanel{position:absolute;top:0; left:0;width:100%; z-index:999; text-align:center; margin-left:auto; margin-right:auto;}
#panel{width:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#666; background:url(../images/panelBg.png) repeat-x; overflow:hidden; z-index:3; display:none}
#panel h1{font-size:14px; padding:5px 0 10px; margin:0; color:#666; font-weight:bold; font-size:16px; text-shadow: 0px 1px 0px rgba(255,255,255,.9);}
#panel h2{font-style:italic; font-size:12px; padding:10px 0 5px; margin:6px; color:#333;line-height: 20px;clear:right;}
#panel p{margin:10px; padding:0 0 10px 0;float:right;}
#panel a{text-decoration:none; color:#666}
#panel a:hover{color:#DDD}
#panel a-lost-pwd{display:block; float:left}
#panel .content{width:840px; margin:0 auto; padding-top:15px; text-align:left; font-size:11px; padding-left:100px}
#panel .content .left{width:480px; float:left;margin-right: 10px; position: relative;z-index:10;}
.panelBorder {float:left;background:#fff;border:1px solid #ccc;width:1px;height:160px;margin:0 15px 0 0;}
#panel .content .right{width:300px;float:left;}
#panel .content form{margin:0 0 10px 0}
#panel .content label{float:left; padding-top:8px; clear:both; width:280px; display:block}
#panel .content input.field{border:1px solid #ccc; background:#fff; margin-top:4px;margin-right:5px;padding:2px; width:186px; color:#666; height:20px}
#panel .content input:focus.field{border:1px solid #666; background:#FFF}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register{display:block;height:24px; text-align:center; cursor:pointer; border:none; font-weight:bold;}
#panel .content input.bt_login{width:74px;float:left;margin:5px 0 0 0; background:transparent url(../images/submitBg.png) repeat-x 0 0; color:#666;padding-bottom:2px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius: 5px;-moz-box-shadow: 0 1px 4px 0 #ccc;-webkit-box-shadow: 0 1px 4px 0 #ccc;box-shadow: 0 1px 4px 0 #ccc;}
#panel .content input.bt_login:hover {-moz-box-shadow:0 1px 4px 0 #666; -webkit-box-shadow:0 1px 4px 0 #666;box-shadow:0 1px 4px 0 #666;}
#panel .content input.bt_register{width:94px; color:#FFF; background:transparent url(../images/login/bt_register.png) no-repeat 0 0}
#panel .lost-pwd{display:block; float:left; clear:right; padding:15px 5px 0; font-size:0.95em; text-decoration:underline}
/***********************************************/
/***********************************************/


/**********************************************
                        TABS
/**********************************************/
ul.tabLinks {margin:10px 0 20px 10px;float:left;list-style-type: none;}
ul.tabLinks li {background:url(../images/contentTitleBg.png) repeat-x;width:310px;text-align:left;border:1px solid #dbdbdb;}
ul.tabLinks li.lastTab {-moz-border-radius: 0 0 4px 4px;-webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
ul.tabLinks li.firstTab {-moz-border-radius: 4px 4px 0 0;-webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
ul.tabLinks li a {display:block;padding:10px 15px;color:#4e4e4e;text-decoration:none;}
ul.tabLinks li a:hover, u.tabLinks li.active, ul.tabLinks li.activeTab {background:url(../images/tabLinkHover.jpg) !important;color:#2E2E2E;text-shadow: 0 1px 0px #fff;font-weight:bold; }
div.tabContent {background:#e4e4e4 url(../images/tabContentBg.png) repeat-x;width:552px;height:400px;margin:10px 10px 20px 20px;padding:0px 0px 0px 15px;float:left;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:auto;}
h2.tabTitle {margin:15px 0 0 0;}
p.sliderRefDesc {font-size:16px;}