/* 
 * CSS Document 
 */

html,body,object,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0;}
caption, th, td {text-align:left;}
table, td, th, p img, input, li img{vertical-align: middle;}
img {border:none; max-width:100%;}

html{background:#CEE1E9; }
body{margin: auto; width:700px; color: #333; font-style : oblique; font-family: Georgia, serif; font-size:12px;}

/*
 * header
 */
 
#header {margin-bottom: 10px;}
#header h3{padding: 20px 0 5px 50px; font-size: 26px;}

/*
 * middle
 */
 
#middle {background:#ffffff;}
#middle h3 {padding: 10px 0 10px 30px; font-size: 16px; font-weight:bold;}
#middle #name, #middle #pwd, #middle #provider, #middle #secret_key {margin: 0 0 0 20px; width : 250px; padding: 5px; background: #efefef; border: 1px SOLID #7e8490;}
#middle textarea {margin: 0 0 0 20px; height : 4em; width : 500px; padding : 5px; font : 1.15em / 1.1 'Lucida Grande', sans - serif; overflow : auto; background: #efefef; border: 1px SOLID #7e8490;}
#middle span {color: red; margin-left: 35px; font-size: 11px;}
#middle  #count {color: #333; font-size: 18px; margin-left: 50px;}
#middle  #use {margin-left: 65px;}
#middle  .use {margin-left: 10px;}
#middle label {font-size: 24px;}
#middle p {padding: 10px 0 0 30px;}
#middle a, #middle img {color: #697679; text-decoration:none; margin-left: 30px;}
#middle a:hover {color: #941406; text-decoration: underline;}
#middle #menu {margin-left: -0px;}
#middle #menu img {margin-left: -30px;}
#middle #emails {height: 10em;}
#middle .send-btn {margin : 8px 14px 5px 417px;}
#middle .send-btn input.round-btn, #twitter_settings_content  input.round-btn {background-image : url("images/round-btn.gif"); width : 115px; height : 32px; border : 0; color : #666; font-size : 14px; margin-left : 3px;}
#middle .send-btn input.round-btn:hover, #twitter_settings_content input.round-btn:hover { background-image: url("images/round-btn-hover.gif"); color : #444;}
#middle .send-btn input.disabled, #twitter_settings_content input.disabled, #middle .send-btn input.disabled:hover, twitter_settings_content  input.disabled:hover {background-image : url("images/round-btn.gif"); color : #aaa; cursor : default;}
#middle #import a {margin-left: -10px; font-size: 16px;}
#middle table {margin-left: 20px; }
#middle .odd {background: #eee; }
#middle td {padding: 5px; }

/*
 * round middle
 */

#middle .rtop, #middle .rbottom{display:block}
#middle .rtop *, #middle .rbottom *{display:block;height: 1px;overflow: hidden}
#middle .r1{margin: 0 5px}
#middle .r2{margin: 0 3px}
#middle .r3{margin: 0 2px}
#middle .r4{margin: 0 1px;height: 2px}

#middle .rs1{margin: 0 2px}
#middle .rs2{margin: 0 1px}

#middle b.rtop, #middle b.rbottom{display:block;background: #CEE1E9;}
#middle b.rtop b, #middle b.rbottom b{display:block;height: 1px; overflow: hidden; background: #fff; border: 1px;}
#middle b.r1{margin: 0 5px}
#middle b.r2{margin: 0 3px}
#middle b.r3{margin: 0 2px}
#middle b.rtop b.r4, #middle b.rbottom b.r4{margin: 0 1px;height: 2px}

/*
 * twitter
 */
 
#alert-overlay {top: 0px; left: 0px; width: 100%; height: 100%; background: #000 !important; opacity: .7; filter: alpha(opacity=70); z-index: 5; position: fixed;}
* html #alert-overlay {position: absolute !important;}

#twitter_messages_content, #twitter_settings_content {position: fixed; top: 50px; width: 400px; padding: 0 20px; background: url(images/overlay/overlay_top_bg.png) no-repeat 50% 15px; z-index: 500; left: 50%; margin-left: -200px; font-family: Arial, Helvetica, sans-serif; color: #68686; font-size: 14px;}
#twitter_messages_content a.close_overlay, #twitter_settings_content a.close_overlay {position: absolute; top: 0; right: 5px; text-indent: -999em; display: block; width: 30px; height: 30px; background: url(images/overlay/close.png) no-repeat;}
#twitter_messages_content_inner, #twitter_settings_content_inner {background: #fff; width: 380px; margin-top: 30px; padding: 0 10px; }
#twitter_settings_content p {font-size: 13px; color: #686868; line-height: 1.2em; font-weight: bold; margin-bottom: 10px}
#twitter_messages_content li{padding: 0 0 7px 23px; background: url(images/bullet.gif) no-repeat 0 2px;}
#twitter_messages_content ul {padding: 0; margin: 0; list-style: none;}
#twitter_messages_content .highlight, #twitter_settings_content .highlight {padding: 2px 0 0 20px; margin: 12px 0 10px 0; background: url(images/overlay/highlight_bg.gif) no-repeat 0; line-height: 33px; color: #fff; font-size: 26px;}
#twitter_messages_content .highlight a, #twitter_settings_content .highlight a {color: #fff; border-color: #fff; font-size: 14px; font-weight: bold;}	
#twitter_messages_content_bottom, #twitter_settings_content_bottom {background: url(images/overlay/overlay_bot_bg.png) no-repeat 50% 0; padding: 30px 0 0 0; color: #fff; font-weight: bold; text-align: right;}
#twitter_settings_content label {line-height: 2.5em; display: block; margin: 0 auto;  width: 375px}
#twitter_settings_content input {padding: 5px; background: #efefef; border: 1px SOLID #7e8490; float: right; width: 150px}
#twitter_settings_content span {color: red;}
/*
 * twitter for IE6
 */
 
* html #twitter_messages_content, * html #twitter_messages_content {background: none;}
* html #twitter_messages_content a.close_overlay, * html #twitter_messages_content a.close_overlay {right: 20px; text-indent: 0; width: auto; height: auto; background: none; font-size: 12px; color: #fff; font-weight: bold;}
* html #twitter_messages_content_inner, * html #twitter_messages_content_inner {padding: 10px;}
* html #twitter_messages_content_bottom, * html #twitter_messages_content_bottom {background: none; padding: 6px 0 0 0;}
* html #twitter_messages_content, * html #twitter_messages_content { position: absolute !important;}

/*
 * footer
 */
 
#footer {border-top: 2px SOLID #fff; margin-top: 10px; background: #323232; color: #eee; padding: 7px 0 7px 10px;}
#footer a {text-decoration:none;	color: #ddd; padding: 0px 2px 0 2px; }
#footer a:hover { text-decoration:none; color:#333; background-color:#aac6d1; }