@CHARSET "UTF-8";

body { text-align: left; background-color: #ffffff; background-image: url('/img/background.png'); background-repeat:no-repeat; background-position:top center; fontWeight: 'normal'; padding: 0; margin: 0; font:normal 13px Arial, sans-serif; color:black; }
body * { fontWeight: 'normal'; margin:0; padding:0; border:none; outline:none; line-height:115%; }

input { font:normal 12px Arial, sans-serif; border: 1px solid gray; padding: 2px; margin: 0px; height: 15px; line-height: 15px; }
select { font:normal 12px Arial, sans-serif; border: 1px solid gray; width: 100%; padding: 2px; margin: 0px; }
textarea { font:normal 12px Arial, sans-serif; border: 1px solid gray; width: 100%; padding: 2px; margin: 0px; overflow:auto; }
input.checkbox { border: 0px; vertical-align: middle; }

h1 { font-family:arial,helvetica; }
h2 { font-size: 15px; padding: 0px 0px 18px 0px; }
h3 {  }

img { vertical-align: middle; }
a { color: #333333; text-decoration:none; cursor: hand;}
a:hover { text-decoration: underline;}

.note { font-style: italic; color: #333333; font-size: 11px; font-weight: normal; }
.link { cursor: hand;}

.small-record-button { float: right; background-image: url('/img/button/small_record_btn.png'); background-repeat:no-repeat; width: 68px; height: 32px; margin: 5px; }

#page { width: 980px; margin: 0px auto 10px auto; }
#wrapper { margin: 0px 12px; }

#header { padding: 0px 0px 0px 0px; font-size: 14px; text-align: right; }
#header .record-button { margin: 4px 0px 0px 0px; height: 27px; display: block; }
#header .login-twitter { padding: 7px 0px 5px 0px; }
#header .user-welcome { height:15px; padding:20px 0px 0px 0px; }
#header .user-picture-div { float: right; border: 1px solid gray; margin: 15px 0px 0px 10px; width: 40px; height: 40px; }
#header .overlay-icon { position: relative; top: -18px; left: 1px; opacity:0.95; filter:alpha(opacity=95); }
#header .admin-overlay-icon { position: relative; top: -40px; left: -2px; opacity:0.95; filter:alpha(opacity=95); }
#header #menu {margin: 5px 0px 0px 0px;}
#header #logo { position: relative; background-image: url('/img/logo/logo_screenjelly.png'); background-repeat:no-repeat; width: 260px; height: 60px; float: left; top:3px; z-index: 2; left:0px;}

#notification-bar { position: fixed; _position:absolute; width: 100%; top:0; left:0; }
#notification-bar .background { bottom:0; left:0; right:0; top:0; position:absolute; opacity:0.9; z-index: 15; background:#DEDEDE; border-bottom: 1px solid gray; }
#notification-bar .content { position:relative; z-index: 16; padding: 10px 10px; text-align: center; font-size: 18px; font-weight: bold; }

#record-home img { position: relative; left: 400px; top:55px }

#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#DEDEDE; z-index:5; }

#footer { text-align: center; font-size: 12px; padding: 5px 0px 15px 0px; }
#footer a { text-align: center; padding: 5px 0px 0px 0px; }

.left-col { width: 605px; float: left; padding: 12px; }
.right-col { width: 288px; float: right; padding: 12px; }

.panel { position: relative; width: 100%; }
.panel .background { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: white;}
.panel .top-left {  background:url(/img/bubble/bubble_corners.png) 0 0 no-repeat; width:10px; height:10px; position:absolute; top:0; left:0; font-size:0; }
.panel .top-right {  background:url(/img/bubble/bubble_corners.png) right 0 no-repeat; width:10px; height:10px; position:absolute; top:0; right:0; font-size:0; }
.panel .top {  background:url(/img/bubble/bubble_2.png) 0 0 repeat-x; height:10px; position:absolute; left:10px; right:10px; top:0; font-size:0; }
.panel .left {  background:url(/img/bubble/bubble_4.png) 0 0 repeat-y; width:10px; position:absolute; left:0; top:10px; bottom:10px; font-size:0; }
.panel .right {  background:url(/img/bubble/bubble_4.png) right 0 repeat-y; width:10px; position:absolute; right:0; top:10px; bottom:10px; font-size:0; }
.panel .bottom-left {  background:url(/img/bubble/bubble_corners.png) 0 bottom no-repeat; width:10px; height:10px; position:absolute; bottom:0; left:0; font-size:0; }
.panel .bottom-right {  background:url(/img/bubble/bubble_corners.png) right bottom no-repeat; width:10px; height:10px; position:absolute; bottom:0; right:0; font-size:0; }
.panel .bottom {  background:url(/img/bubble/bubble_2.png) 0 bottom repeat-x; height:10px; position:absolute; left:10px; right:10px; bottom:0; font-size:0; }
.panel .middle {  position:relative; left: 0px; top: 5px; padding-bottom: 10px; padding-right: 0px; }
.panel .content { padding: 0px 5px 0px 5px; }

.panel-white { position: relative; width: 100%; }
.white-background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background: white;}
.white-top-left {  background:url(/img/panel/white_corners.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; top:0; left:0; font-size:0; }
.white-top-right {  background:url(/img/panel/white_corners.png) right 0 no-repeat; width:9px; height:9px; position:absolute; top:0; right:0; font-size:0; }
.white-top {  background:url(/img/panel/white_vertical.png) 0 0 repeat-x; height:9px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.white-left {  background:url(/img/panel/white_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.white-right {  background:url(/img/panel/white_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.white-bottom-left {  background:url(/img/panel/white_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.white-bottom-right {  background:url(/img/panel/white_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.white-bottom {  background:url(/img/panel/white_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.white-middle {  position:relative; left: 0px; top: 5px; padding-bottom: 9px; padding-right: 0px; }
.white-content { padding: 0px 5px 0px 5px; }

.panel-red-error { position: relative; width: 100%; }
.red-error-background { position: absolute; top: 0px; left: 9px; right: 9px; bottom: 9px; background: #f5b5a1;}
.red-error-left {  background:url(/img/panel/red_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:0px; bottom:9px; font-size:0; }
.red-error-right {  background:url(/img/panel/red_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:0px; bottom:9px; font-size:0; }
.red-error-bottom-left {  background:url(/img/panel/red_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.red-error-bottom-right {  background:url(/img/panel/red_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.red-error-bottom {  background:url(/img/panel/red_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.red-error-middle {  position:relative; left: 0px; top: 0px; }
.red-error-content { padding: 5px 10px 5px 10px;}

.panel-lgreen { position: relative; width: 100%; }
.lgreen-background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background: #dde8ae;}
.lgreen-top-left {  background:url(/img/panel/lgreen_corners.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; top:0; left:0; font-size:0; }
.lgreen-top-right {  background:url(/img/panel/lgreen_corners.png) right 0 no-repeat; width:9px; height:9px; position:absolute; top:0; right:0; font-size:0; }
.lgreen-top {  background:url(/img/panel/lgreen_vertical.png) 0 0 repeat-x; height:9px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.lgreen-left {  background:url(/img/panel/lgreen_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.lgreen-right {  background:url(/img/panel/lgreen_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.lgreen-bottom-left {  background:url(/img/panel/lgreen_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.lgreen-bottom-right {  background:url(/img/panel/lgreen_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.lgreen-bottom {  background:url(/img/panel/lgreen_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.lgreen-middle {  position:relative; left: 0px; }
.lgreen-content { padding: 0px 5px 0px 5px; }

.panel-bgreen { position: relative; width: 100%; }
.bgreen-background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background: #dae9ac;}
.bgreen-top-left {  background:url(/img/panel/bgreen_corners.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; top:0; left:0; font-size:0; }
.bgreen-top-right {  background:url(/img/panel/bgreen_corners.png) right 0 no-repeat; width:9px; height:9px; position:absolute; top:0; right:0; font-size:0; }
.bgreen-top {  background:url(/img/panel/bgreen_vertical.png) 0 0 repeat-x; height:9px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.bgreen-left {  background:url(/img/panel/bgreen_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.bgreen-right {  background:url(/img/panel/bgreen_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.bgreen-bottom-left {  background:url(/img/panel/bgreen_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.bgreen-bottom-right {  background:url(/img/panel/bgreen_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.bgreen-bottom {  background:url(/img/panel/bgreen_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.bgreen-middle {  position:relative; left: 0px; top: 5px; padding-bottom: 9px; padding-right: 0px; }
.bgreen-content { padding: 0px 5px 0px 5px; }

.panel-beige { position: relative; width: 100%; }
.beige-background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background: #f0f6de;}
.beige-top-left {  background:url(/img/panel/beige_corners.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; top:0; left:0; font-size:0; }
.beige-top-right {  background:url(/img/panel/beige_corners.png) right 0 no-repeat; width:9px; height:9px; position:absolute; top:0; right:0; font-size:0; }
.beige-top {  background:url(/img/panel/beige_vertical.png) 0 0 repeat-x; height:9px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.beige-left {  background:url(/img/panel/beige_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.beige-right {  background:url(/img/panel/beige_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.beige-bottom-left {  background:url(/img/panel/beige_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.beige-bottom-right {  background:url(/img/panel/beige_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.beige-bottom {  background:url(/img/panel/beige_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.beige-middle {  position:relative; left: 0px; top: 5px; padding-bottom: 9px; padding-right: 0px; }
.beige-content { padding: 0px 5px 0px 5px; }

.panel-green { position: relative; width: 100%; }
.green-background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background: #b5d35a;}
.green-top-left {  background:url(/img/panel/green_corners.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; top:0; left:0; font-size:0; }
.green-top-right {  background:url(/img/panel/green_corners.png) right 0 no-repeat; width:9px; height:9px; position:absolute; top:0; right:0; font-size:0; }
.green-top {  background:url(/img/panel/green_vertical.png) 0 0 repeat-x; height:9px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.green-left {  background:url(/img/panel/green_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.green-right {  background:url(/img/panel/green_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.green-bottom-left {  background:url(/img/panel/green_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.green-bottom-right {  background:url(/img/panel/green_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.green-bottom {  background:url(/img/panel/green_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.green-middle {  position:relative; left: 0px; top: 5px; padding-bottom: 11px; padding-right: 0px; }
.green-content { padding: 0px 5px 0px 5px; }

.panel-purple { position: relative; width: 100%; }
.panel-purple .background { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-color: #dddaeb; }
.panel-purple .top-left {  background:url(/img/bubble/bubble_corners_2.png) 0 0 no-repeat; width:10px; height:10px; position:absolute; top:0; left:0; font-size:0; }
.panel-purple .top-right {  background:url(/img/bubble/bubble_corners_2.png) right 0 no-repeat; width:10px; height:10px; position:absolute; top:0; right:0; font-size:0; }
.panel-purple .top {  background:url(/img/bubble/bubble_12.png) 0 0 repeat-x; height:10px; position:absolute; left:10px; right:10px; top:0; font-size:0; }
.panel-purple .left {  background:url(/img/bubble/bubble_11.png) 0 0 repeat-y; width:10px; position:absolute; left:0; top:10px; bottom:10px; font-size:0; }
.panel-purple .right {  background:url(/img/bubble/bubble_11.png) right 0 repeat-y; width:10px; position:absolute; right:0; top:10px; bottom:10px; font-size:0; }
.panel-purple .bottom-left {  background:url(/img/bubble/bubble_corners_2.png) 0 bottom no-repeat; width:10px; height:10px; position:absolute; bottom:0; left:0; font-size:0; }
.panel-purple .bottom-right {  background:url(/img/bubble/bubble_corners_2.png) right bottom no-repeat; width:10px; height:10px; position:absolute; bottom:0; right:0; font-size:0; }
.panel-purple .bottom {  background:url(/img/bubble/bubble_12.png) 0 bottom repeat-x; height:10px; position:absolute; left:10px; right:10px; bottom:0; font-size:0; }
.panel-purple .middle {  position:relative; left: 0px; top: 5px; padding-bottom: 10px; padding-right: 0px; }
.panel-purple .content { padding: 0px 5px 0px 5px; }

.panel-red { position: relative; width: 100%; }
.panel-red .background { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-color: #ffffff; }
.panel-red .top-left {  background:url(/img/bubble/bubble_corners_2.png) 0 0 no-repeat; width:10px; height:10px; position:absolute; top:0; left:0; font-size:0; }
.panel-red .top-right {  background:url(/img/bubble/bubble_corners_2.png) right 0 no-repeat; width:10px; height:10px; position:absolute; top:0; right:0; font-size:0; }
.panel-red .top {  background:url(/img/bubble/bubble_12.png) 0 0 repeat-x; height:10px; position:absolute; left:10px; right:10px; top:0; font-size:0; }
.panel-red .left {  background:url(/img/bubble/bubble_11.png) 0 0 repeat-y; width:10px; position:absolute; left:0; top:10px; bottom:10px; font-size:0; }
.panel-red .right {  background:url(/img/bubble/bubble_11.png) right 0 repeat-y; width:10px; position:absolute; right:0; top:10px; bottom:10px; font-size:0; }
.panel-red .bottom-left {  background:url(/img/bubble/bubble_corners_2.png) 0 bottom no-repeat; width:10px; height:10px; position:absolute; bottom:0; left:0; font-size:0; }
.panel-red .bottom-right {  background:url(/img/bubble/bubble_corners_2.png) right bottom no-repeat; width:10px; height:10px; position:absolute; bottom:0; right:0; font-size:0; }
.panel-red .bottom {  background:url(/img/bubble/bubble_12.png) 0 bottom repeat-x; height:10px; position:absolute; left:10px; right:10px; bottom:0; font-size:0; }
.panel-red .middle {  position:relative; left: 0px; top: 5px; padding-bottom: 10px; padding-right: 0px; }
.panel-red .content { padding: 0px 5px 0px 5px; }

/*.popup { position: relative; width: 100%; z-index: 100; }
.popup .background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background-color: #ffffff; }
.popup .top-left {  background:url(/img/panel/white_corners.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; top:0; left:0; font-size:0; }
.popup .top-right {  background:url(/img/panel/white_corners.png) right 0 no-repeat; width:9px; height:9px; position:absolute; top:0; right:0; font-size:0; }
.popup .top {  background:url(/img/panel/white_vertical.png) 0 0 repeat-x; height:9px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.popup .left {  background:url(/img/panel/white_horizontal.png) 0 0 repeat-y; width:9px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.popup .right {  background:url(/img/panel/white_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.popup .bottom-left {  background:url(/img/panel/white_corners.png) 0 bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0; font-size:0; }
.popup .bottom-right {  background:url(/img/panel/white_corners.png) right bottom no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0; font-size:0; }
.popup .bottom {  background:url(/img/panel/white_vertical.png) 0 bottom repeat-x; height:9px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.popup .middle {  position:relative; left: 0px; top: 5px; padding-bottom: 10px; padding-right: 0px; }
.popup .content { padding: 0px 5px 0px 5px; }

.popup { position: relative; width: 100%; z-index: 100; }
.popup .background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background-color: #ffffff; }
.popup .top-left {  background:url(/img/panel/popup_corners.png) 0 0 no-repeat; width:20px; height:47px; position:absolute; top:0; left:0; font-size:0; }
.popup .top-right {  background:url(/img/panel/popup_corners.png) right 0 no-repeat; width:20px; height:47px; position:absolute; top:0; right:0; font-size:0; }
.popup .top {  background:url(/img/panel/popup_vertical.png) 0 0 repeat-x; height:47px; position:absolute; left:9px; right:9px; top:0; font-size:0; }
.popup .left {  background:url(/img/panel/popup_horizontal.png) 0 0 repeat-y; width:47px; position:absolute; left:0; top:9px; bottom:9px; font-size:0; }
.popup .right {  background:url(/img/panel/popup_horizontal.png) right 0 repeat-y; width:9px; position:absolute; right:0; top:9px; bottom:9px; font-size:0; }
.popup .bottom-left {  background:url(/img/panel/popup_corners.png) 0 bottom no-repeat; width:20px; height:20px; position:absolute; bottom:0; left:0; font-size:0; }
.popup .bottom-right {  background:url(/img/panel/popup_corners.png) right bottom no-repeat; width:20px; height:20px; position:absolute; bottom:0; right:0; font-size:0; }
.popup .bottom {  background:url(/img/panel/popup_vertical.png) 0 bottom repeat-x; height:20px; position:absolute; left:9px; right:9px; bottom:0; font-size:0; }
.popup .middle {  position:relative; left: 0px; top: 5px; padding-bottom: 10px; padding-right: 0px; }
.popup .content { padding: 0px 5px 0px 5px; }*/

.panel-popup { position: relative; width: 100%; }
.popup-background { position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; background: #ffffff; }
.popup-top-left { background:url(/img/panel/popup_corners.png) 0 0 no-repeat; width:20px; height:47px; position:absolute; top:0; left:0; font-size:0; }
.popup-top-right { background:url(/img/panel/popup_corners.png) right 0 no-repeat; width:20px; height:47px; position:absolute; top:0; right:0; font-size:0; }
.popup-top { background:url(/img/panel/popup_vertical.png) 0 0 repeat-x; height:47px; position:absolute; left:20px; right:20px; top:0; font-size:0; }
.popup-left { background:url(/img/panel/popup_horizontal.png) 0 0 repeat-y; width:20px; position:absolute; left:0; top:47px; bottom:20px; font-size:0; }
.popup-right { background:url(/img/panel/popup_horizontal.png) right 0 repeat-y; width:20px; position:absolute; right:0; top:47px; bottom:20px; font-size:0; }
.popup-bottom-left { background:url(/img/panel/popup_corners.png) 0 bottom no-repeat; width:20px; height:20px; position:absolute; bottom:0; left:0; font-size:0; }
.popup-bottom-right { background:url(/img/panel/popup_corners.png) right bottom no-repeat; width:20px; height:20px; position:absolute; bottom:0; right:0; font-size:0; }
.popup-bottom { background:url(/img/panel/popup_vertical.png) 0 bottom repeat-x; height:20px; position:absolute; left:20px; right:20px; bottom:0; font-size:0; }
.popup-middle { position:relative; left: 0px; top: 5px; padding-bottom: 9px; padding-right: 0px; }
.popup-content { padding: 5px 10px; }
.popup-content .title { height: 47px; }
.popup-content .title .close-popup-link { float: right; padding: 8px 7px 0px 0px; }
.popup-content .title h1 { color:#555555; float:left; padding:0 0 0 5px; font-family:helvetica,arial; font-size:26px; font-weight:normal; }

.button { text-decoration: none; position: relative; height: 19px; }
.button .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/button_purple_small_left.png') 0 0 no-repeat; width: 12px; height: 19px; font-size: 0; margin: 0px 0px -4px -4px;}
.button .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/button_purple_small_right.png') 0 0 no-repeat; width: 12px; height: 19px; font-size: 0; margin: 0px -4px -4px 0px;}
.button .button-text { display: block; position: absolute; top: 0px; left: 4px; right: 8px; height: 19px; background:url('/img/button/button_purple_small_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 19px; text-align: center; color: #000000; }
.button:hover .button-text { color: #d9d9d9; }
.button .link { text-decoration: none; }

.button-green { text-decoration: none; position: relative; height: 33px; }
.button-green .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_green_left.png') 0 0 no-repeat; width: 6px; height: 33px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-green .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_green_right.png') 0 0 no-repeat; width: 6px; height: 33px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-green .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 33px; background:url('/img/button/btn_green_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 32px; text-align: center; color: #FFFFFF; }
.button-green:hover .button-text { color: #333333;  }
.button-green .link { text-decoration: none; }

.button-tab-green { text-decoration: none; position: relative; height: 26px; font-weight: bold;}
.button-tab-green .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/tab/tab_green_left.png') 0 0 no-repeat; width: 9px; height: 26px; font-size: 0; margin: 0px 0px 0px -4px;}
.button-tab-green .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/tab/tab_green_right.png') 0 0 no-repeat; width: 9px; height: 26px; font-size: 0; margin: 0px -4px 0px 0px;}
.button-tab-green .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 26px; background:url('/img/tab/tab_green_middle.png') 0 0 repeat-x; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 26px; text-align: center; color: #FFFFFF; }
.button-tab-green:hover .button-text { color: #eeeeee; }
.button-tab-green .link { text-decoration: none; }

.button-tab-lgreen { text-decoration: none; position: relative; height: 27px; font-weight: bold;}
.button-tab-lgreen .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/tab/tab_lgreen_left.png') 0 0 no-repeat; width: 9px; height: 27px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-tab-lgreen .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/tab/tab_lgreen_right.png') 0 0 no-repeat; width: 9px; height: 27px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-tab-lgreen .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 27px; background:url('/img/tab/tab_lgreen_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 26px; text-align: center; color: #000000; }
.button-tab-lgreen:hover .button-text { color: #333333; }
.button-tab-lgreen .link { text-decoration: none; }

.button-orange { text-decoration: none; position: relative; height: 33px; }
.button-orange .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_orange_left.png') 0 0 no-repeat; width: 6px; height: 33px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-orange .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_orange_right.png') 0 0 no-repeat; width: 6px; height: 33px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-orange .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 33px; background:url('/img/button/btn_orange_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 32px; text-align: center; color: #000000; }
.button-orange:hover .button-text { color: #333333;  }
.button-orange .link { text-decoration: none; }

.button-lgreen { text-decoration: none; position: relative; height: 33px; }
.button-lgreen .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_lgreen_left.png') 0 0 no-repeat; width: 6px; height: 33px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-lgreen .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_lgreen_right.png') 0 0 no-repeat; width: 6px; height: 33px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-lgreen .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 33px; background:url('/img/button/btn_lgreen_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 32px; text-align: center; color: #000000; }
.button-lgreen:hover .button-text { color: #333333; }
.button-lgreen .link { text-decoration: none; }

.button-gray { text-decoration: none; position: relative; height: 28px; }
.button-gray .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_gray_left.png') 0 0 no-repeat; width: 6px; height: 28px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-gray .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_gray_right.png') 0 0 no-repeat; width: 6px; height: 28px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-gray .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 33px; background:url('/img/button/btn_gray_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 27px; text-align: center; color: #000000; }
.button-gray:hover .button-text { color: #333333; }
.button-gray .link { text-decoration: none; }

.button-gray-inactive { text-decoration: none; position: relative; height: 28px; }
.button-gray-inactive .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_gray_left.png') 0 0 no-repeat; width: 6px; height: 28px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-gray-inactive .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_gray_right.png') 0 0 no-repeat; width: 6px; height: 28px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-gray-inactive .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 33px; background:url('/img/button/btn_gray_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 27px; text-align: center; color: #666666; }
.button-gray-inactive .link { text-decoration: none; cursor: default; }

.button-bgray { text-decoration: none; position: relative; height: 64px; }
.button-bgray .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_bgray_left.png') 0 0 no-repeat; width: 6px; height: 64px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-bgray .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_bgray_right.png') 0 0 no-repeat; width: 6px; height: 64px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-bgray .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 64px; background:url('/img/button/btn_bgray_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 64px; text-align: center; color: #000000; }
.button-bgray:hover .button-text { color: #333333; }
.button-bgray .link { text-decoration: none; }

.button-bgray-inactive { text-decoration: none; position: relative; height: 64px; }
.button-bgray-inactive .button-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/button/btn_bgray_left.png') 0 0 no-repeat; width: 6px; height: 64px; font-size: 0; margin: 0px 0px -4px -4px;}
.button-bgray-inactive .button-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/button/btn_bgray_right.png') 0 0 no-repeat; width: 6px; height: 64px; font-size: 0; margin: 0px -4px -4px 0px;}
.button-bgray-inactive .button-text { display: block; position: absolute; top: 0px; left: 2px; right: 2px; height: 64px; background:url('/img/button/btn_bgray_middle.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 64px; text-align: center; color: #666666; }
.button-bgray-inactive .link { text-decoration: none; cursor: default; }

.tooltip { position: absolute; left: 10px; padding: 5px; width: 198px; z-index: 5; }
.tooltip .tooltip-top { display: block; background: url('/img/tooltip/bubble_rollover_top.png') 0 0 no-repeat; width: 196px; height: 8px; }
.tooltip .tooltip-middle { display: block; background: url('/img/tooltip/bubble_rollover_middle.png') 0 0 repeat-y; width: 178px; text-align: left; font-size: 13px; padding: 0px 10px 0px 10px; overflow: hidden;}
.tooltip .tooltip-bottom { display: block; background: url('/img/tooltip/bubble_rollover_bottom.png') 0 0 no-repeat; width: 196px; height: 22px; }

.tooltip-revert { position: absolute; left: 10px; padding: 5px; width: 198px; z-index: 5; }
.tooltip-revert .tooltip-top { display: block; background: url('/img/tooltip/bubble_rollover_top2.png') 0 0 no-repeat; width: 196px; height: 8px; }
.tooltip-revert .tooltip-middle { display: block; background: url('/img/tooltip/bubble_rollover_middle2.png') 0 0 repeat-y; width: 178px; text-align: left; font-size: 13px; padding: 0px 10px 0px 10px; overflow: hidden;}
.tooltip-revert .tooltip-bottom { display: block; background: url('/img/tooltip/bubble_rollover_bottom2.png') 0 0 no-repeat; width: 196px; height: 22px; }

.helptip { position:absolute; left:100px; top:-20px; width: 198px; z-index: 5; }
.helptip .helptip-top { display: block; background: url('/img/tooltip/bubble_rollover_top.png') 0 0 no-repeat; width: 196px; height: 8px; }
.helptip .helptip-middle { display: block;  background: url('/img/tooltip/bubble_rollover_middle.png') 0 0 repeat-y; width: 178px; text-align: left; font-size: 13px; padding: 0px 10px 0px 10px; }
.helptip .helptip-bottom { display: block; background: url('/img/tooltip/bubble_rollover_flat_bottom.png') 0 0 no-repeat; width: 196px; height: 8px; }
#private-help {height:35px; font-weight: normal;}

a.tab { background:url(/img/tab/inactive_tab.png) 0 0 no-repeat; width: 93px; text-align: center; height: 25px; line-height: 26px; margin: 0px 5px 0px 0px; float: left; color: #FCFCFC; }
a.tab { text-decoration: none; }
a.tab:hover { color: #333333; }
a.tab.active:hover { font-weight: normal; }
a.tab.active { background:url(/img/tab/active_tab.png) 0 0 no-repeat; width: 93px; height: 25px; margin: 0px 5px 0px 0px; color: black; float: left; }
.tabs { padding: 0px 0px 0px 15px; width: 565px; height: 35px; }
.tabs .button-green { width: 80px; float: left; margin: 0px 15px 0px 0px; z-index: 2; }
.tabs .button-lgreen { width: 80px; float: left; margin: 0px 15px 0px 0px; z-index: 2; }

/* ----------------
-- bubbles
---------------- */

.bubble-green { text-decoration: none; position: relative; height: 24px; }
.bubble-green .bubble-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/bubble/green_left.png') 0 0 no-repeat; width: 6px; height: 24px; font-size: 0; margin: 0px 0px -4px -4px;}
.bubble-green .bubble-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/bubble/green_right.png') 0 0 no-repeat; width: 6px; height: 24px; font-size: 0; margin: 0px -4px -4px 0px;}
.bubble-green .bubble-text { display: block; position: absolute; top: 0px; left: 0px; right: 0px; height: 24px; background:url('/img/bubble/green_filler.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 27px; text-align: center; color: #2C7130; }

.bubble-red { text-decoration: none; position: relative; height: 24px; }
.bubble-red .bubble-left { display: block; position: absolute; top: 0px; left: 0px; background: url('/img/bubble/red_left.png') 0 0 no-repeat; width: 6px; height: 24px; font-size: 0; margin: 0px 0px -4px -4px;}
.bubble-red .bubble-right { display: block; position: absolute; top: 0px; right: 0px; background: url('/img/bubble/red_right.png') 0 0 no-repeat; width: 6px; height: 24px; font-size: 0; margin: 0px -4px -4px 0px;}
.bubble-red .bubble-text { display: block; position: absolute; top: 0px; left: 0px; right: 0px; height: 24px; background:url('/img/bubble/red_filler.png') 0 0 repeat-x; margin: 0px 0px -4px 0px; font-size: 14px; line-height: 27px; text-align: center; color: #8A2020; }





#wrapper #content { min-height: 350px; }

.green-text { color: green; }
.purple-link { color: purple; }
.purple-bold-text { color: purple; font-weight: bold; font-size: 14px; }
.italic-text { font-style: italic; }

label { font-weight: bold; }
.error { font-weight: normal; color: red; }
.code { white-space: pre; font-family: arial; font-weight: 11px; border: 1px dashed black; padding: 5px; margin: 5px 5px; }
.position-relative { position: relative; height: 0px; width: 0px; }
.float-right { float: right; }
.float-left { float: left; }
.hidden { display: none; }

.clearfix { clear: both; }