@charset "utf-8";
* { margin: 0; padding: 0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; color: #333;}
h1,h2,h3,h4,h5,h6 { font-size: 1em;}
input { font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
.textField,textarea,select { font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #DDD; background: #FFF;}
.textField:focus,textarea:focus,select:focus { background: #FFFACD;}
a { text-decoration: none; color: #008FDD;}
a:hover { text-decoration: underline;}
ul { list-style: none;}
p { margin: 0.5em 0 0.5em; line-height: 1.3;}
.hidden { display: none;}
.formRow { position: relative; margin-bottom: 1em;}
.invalid { color: #F10;}
.error { color: #F10;}
.invalid .textField { color: #333; border-color: #F20;}
.taLabel { padding-top: 5px; vertical-align: top;}
.tc { text-align: center;}
.bigFont { font-size: 1.2em;}

#container { width: 100%; margin: 0 auto; padding: 20px 0; text-align: center;}
#header { position: relative; width: 100%; height: 50px; margin-bottom: 50px; text-align: center; color: #FFF;}
#header a { color: #FFF;}
#header a:hover { text-decoration: none;}
#header h1 { position: absolute; left: 0; bottom: -35px; width: 100%; font-size: 1.3em; text-align: center; color: #333;}
#innerHeader { position: relative; width: 960px; height: 50px; margin: 0 auto; text-align: left; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #008FDD; overflow: hidden; zoom: 1;}
#innerHeader a#logo { display: block; float: left; width: 125px; height: 50px; margin-right: 30px; text-indent: -9999px; background: url(../images/dooim_alpha.png) left top no-repeat;}
#innerHeader span.version { position: absolute; left: 105px; top: 5px; font-size: .8em;}
#innerHeader ul { float: left; height: 50px; font-size: 1.2em;}
#innerHeader ul li { float: left; height: 50px;}
#innerHeader ul li.current { height: 50px; padding: 0 1em; line-height: 50px; border-left: 1px solid #005989; border-right: 1px solid #00A4FF; background: #007EC2;}
#innerHeader ul li a { display: block; float: left; height: 50px; padding: 0 1em; line-height: 50px; border: solid #008FDD; border-width: 0 1px;}
#innerHeader ul li a:hover { border-left: 1px solid #005989; border-right: 1px solid #00A4FF; background: #007EC2;}
#innerHeader .user { position: absolute; right: 0; top: 0; width: 200px; height: 50px; font-size: 1.2em; overflow: hidden; zoom: 1;}
#innerHeader .user a { display: block; float: right; height: 50px; padding: 0 2em; line-height: 50px;}
#innerHeader .user a.login { border-left: 1px solid #008FDD; border-right: 1px solid #005989;}
#innerHeader .user a.login:hover { border-left: 1px solid #005989; border-right: 1px solid #007EC2; background: #007EC2;}
#innerHeader .user a.settings { border-left: 1px solid #008FDD; border-right: 1px solid #005989;}
#innerHeader .user a.settings:hover { border-left: 1px solid #005989; border-right: 1px solid #007EC2; background: #007EC2;}
#innerHeader .user a.register,#innerHeader .user a.logout { padding: 0 3em 0 2em; border-left: 1px solid #00A4FF; /*-moz-border-radius: 0 5px 5px 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;*/ background: #008FDD url(../images/arrow.png) right top no-repeat;}
#innerHeader .user a:hover { border-left: 1px solid #007EC2; background: #007EC2;}
#innerHeader .user a.register:hover,#innerHeader .user a.logout:hover { background: #007EC2 url(../images/arrow.png) right bottom no-repeat;}
#innerHeader .user span.current { display: block; float: right; height: 50px; padding: 0 2em; line-height: 50px; border-left: 1px solid #005989; border-right: 1px solid #007EC2; background: #007EC2;}
#innerHeader .user span#register.current,#innerHeader .user span#logout.current { padding: 0 3em 0 2em; border-left: 1px solid #007EC2; border-right: none; background: #007EC2 url(../images/arrow.png) right bottom no-repeat;}

#innerContainer { width: 960px; clear: both; margin: 0 auto 5em;  text-align: left;}
#innerContainer h2.title { width: 940px; padding: .5em 9px; font-size: 1.2em; border: 1px solid #E8E8E8; background: #F3F3F3; overflow: hidden; zoom: 1;}
#innerContainer h2.title span.next { padding-left:1em; font-size: .8em; font-weight: normal; text-align: right;}
#innerContainer .noteHolder { padding: 3em 5em 2em; font-size: 1.5em; font-weight: bold; text-align: center;}
#innerContainer .doobox { position: relative; width: 928px; margin: 0 auto 2em; padding: 15px; text-align: center; border: 1px solid #E8E8E8; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#innerContainer .doobox .dragMe { margin-right: 1.5em; padding: 5px 15px 5px 10px; font-weight: bold; text-align: center; border: 1px solid #E8E8E8; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #F3F3F3 url(../images/btn_doobox.png) 60px center no-repeat; cursor: move;}
#innerContainer .doobox .dragMe:hover { text-decoration: none;}
#shortenForm { width: 928px; margin: 0 auto 2em; padding: 15px; text-align: center; border: 1px solid #E8E8E8; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #F3F3F3;}
#shortenForm #longUrl { width: 746px; margin-bottom: 10px; padding: 5px; font-size: 1.3em; font-weight: bold; background: 3}
#shortenForm .greyfy { color: #AAA;}
#shortenForm .toggleCustomHolder { width: 760px; margin: 0 auto 5px; text-align: right;}
#shortenForm .toggleCustomHolder #toggleCustom { color: #008FDD; cursor: pointer;}
#shortenForm #custom { width: 738px; margin: 0 auto 15px; padding: 10px; font-size: 1.2em; font-weight: bold; color: #FFF; background: #686868; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#shortenForm #custom.stick { display: block !important;}
#shortenForm #custom #customRst { padding: 2px; font-weight: bold;}
#shortenForm #submitBtn { margin: 0 auto 10px; padding: .2em .5em; font-size: 2em; font-weight: bold; color: #FFF; border: none; background: #008FDD; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
#shortenForm #submitBtn:hover { background: #F80;}
#shortenForm #shortUrlHolder { position: relative; width: 678px; margin: 0 auto; padding: 10px; font-weight: bold; }
#shortenForm #shortUrlHolder #shortUrl { width: 748px; padding-top: 5px; font-size: 1.5em; font-weight: bold; line-height: 30px;}
#shortenForm #shortUrlHolder #copyBtn {	position:relative; top:-12px; *top:-5px; padding-left:5px; }
/*#shortenForm .msg { margin: .5em auto;}*/

#userForm { width: 928px; margin: 0 auto 1em; padding: 15px; text-align: center; border: 1px solid #E8E8E8; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #F3F3F3;}
#userForm label { display: inline-block; width: 4.5em; font-size: 1.2em; text-align: left;}
#userForm .textField { width: 280px; padding: 5px; font-size: 1.3em; font-weight: bold;}
#userForm #loginBtn,#userForm #registerBtn,#userForm .stdBtn { padding: .2em .5em; font-size: 1.5em; font-weight: bold; color: #FFF; border: none; background: #008FDD; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
#userForm #loginBtn:hover,#userForm #registerBtn:hover,#userForm .stdBtn:hover { background: #F80;}
#userForm .formPlusHolder { position: absolute; right: 0; top: 0; width: 280px; text-align: left; line-height: 30px;}
#userForm .formPlusHolder em { position: relative; top: 5px; margin-right: .5em; font-size: 1.5em; font-style: normal;}
#userForm .rememberHolder { margin-left: -156px; font-size: .8em;}
#userForm .resetHolder { display: block; margin-top: 2em; margin-left: -156px; font-size: .8em;}
#userForm #remember { margin-right: 5px;}
#userForm .cancel { margin-right: 1em;}
#userForm .elements { padding-left: 285px; text-align: left;}
#userForm select { margin-left: -2px; padding: 5px; font-size: 1.2em;}
#userForm textarea { width: 280px; margin-left: 1px; padding: 5px; height: 5em; font-size: 1.2em;}

.statList li { position: relative; width: 940px; padding: 10px 10px 0; border-bottom: 1px solid #DDD;}
.statList li dl { width: 830px; margin-bottom: .8em; overflow: hidden; zoom: 1;}
.statList li dl dt { float: left; width: 91px;}
.statList li dl.shortUrl dd { margin: 0 0 0 5em;}
.statList li dl.shortUrl dd em { margin-right: 1em; font-size: 1.2em; font-weight: bold; font-style: normal;}
.statList li dl.shortUrl dd em.shortRst {}
.statList li dl.shortUrl dd a { margin-right: 2em;}
.statList li dl.longUrl dd { color: #888;}
.statList li dl.misc dd span.count { display: inline-block; width: 130px; margin-right: 5px;}
.statList li dl.misc dd span.count em { margin-right: 2em; font-size: 1em; font-weight: bold; font-style: normal;}
.statList li dl.misc dd span.date { margin-right: 4em;}
.statList li .editForm { position: absolute; right: 0; top: 10px; width: 100px; text-align: center;}
.statList li .editForm div { margin-bottom: 1em; padding: 4px 5px; }
/*.statList li .editForm input:hover { background: #F80;}*/
/*.statList li .editForm input.hover { background: #F80;}*/
.statList li .listNote { position: absolute; right: 100px; top: 15px;}
#summary li { width: 938px; border: solid #E8E8E8; border-width: 0 1px 1px; background: #FFFACD;}

#innerContainer .colsHolder { width: 100%; overflow: hidden; zoom: 1;}
#innerContainer .colsHolder .mainCol { float: left; width: 720px;}
#innerContainer .colsHolder h2.title { width: 702px;}
#innerContainer .colsHolder .statList li { width: 700px;}
#innerContainer .colsHolder .statList li dl { width: 610px;}
#innerContainer .colsHolder .sidebar { float: right; width: 208px; padding: 0; border: 1px solid #E8E8E8;}
#innerContainer .colsHolder .sidebar .sideModule { margin-bottom: 1.5em;}
#innerContainer .colsHolder .sidebar .sideModule h3 { margin-bottom: .5em; padding: .5em 9px; font-size: 1.2em; font-weight: normal; background: #ECF8FF;}
#innerContainer .colsHolder .sidebar .sideModule .sideInnerModule { margin: 0 9px 1.5em;}
#innerContainer .colsHolder .sidebar .sideModule .dragMeHolder { text-align: center; overflow: hidden; zoom: 1;}
#innerContainer .colsHolder .sidebar .sideModule .dragMe { display: inline-block; margin: .5em auto 0; padding: 5px 15px 5px 10px; font-weight: bold; text-align: center; border: 1px solid #E8E8E8; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #F3F3F3 url(../images/btn_doobox.png) 60px center no-repeat; cursor: move;}
#innerContainer .colsHolder .sidebar .sideModule .dragMe:hover { text-decoration: none;}

.textHolder { margin: 0 auto; padding: 0 10px;}


ol.pagination { margin: 2em auto 1em; text-align: center; list-style: none; overflow: hidden; zoom: 1;}
ol.pagination li { display: inline; margin-right: 2px;}
ol.pagination li a { overflow: hidden;}
ol.pagination li a span { display: inline-block; padding: 2px 6px; cursor: pointer;}
ol.pagination li a:hover { text-decoration: none; background: #008FDD;}
ol.pagination li a:hover span { color: #FFF; background: #008FDD;}
ol.pagination li.curr span { display: inline-block; padding: 2px 6px; color: #FFF; background: #686868;}
ol.pagination li.nav { font-weight: bold;}

.stdTable { width: 960px; margin: 1em auto; border-collapse: collapse;}
.stdTable thead th,.stdTable tbody td { padding: 0 .5em; line-height: 2em;}
.stdTable thead th { border-bottom: 1px solid #E8E8E8; background: #F3F3F3;}
.stdTable tbody tr:hover { background: #ECF8FF;}
.stdTable tbody td { border-bottom: 1px solid #E8E8E8;}
.stdTable tbody td.ip { width: 15%; font-size: 1.2em; font-weight: bold;}
.stdTable tbody td.location { width: 45%;}
.stdTable tbody td.time { width: 15%;}
.stdTable tbody td.time span { margin-right: 1em;}

#footer ul { margin-bottom: 1em; padding-bottom: .5em; text-align: center; border-bottom: 1px solid #DDD;}
#footer ul li { display: inline; margin: 0 1em;}
#footer p { margin-bottom: .5em; text-align: center;}