body { font-family: Arial, Verdana; font-size: 12px; background: #000; color: #FFF; padding: 0px; margin: 0px; line-height: 26px; height: 100%; }
a:link { color: #00C; text-decoration:none; outline: none; }
a:active  { color: #FC0; text-decoration:none; outline: none; }
a:visited { color: #FC0; text-decoration:none; outline: none; } 
a:hover   { color: #FC0; text-decoration:none; outline: none; }
a.sendbtn { display: block; width: 242px; height: 62px; background: url(../img/web/btn_01.png) no-repeat 0px 0px; text-indent: -1000px; overflow: hidden; }
a.sendbtn:hover { background-position: 0px -62px; cursor: hand; cursor: pointer; }
a.btn { position: relative; display: block; width: 180px; height: 30px; line-height: 30px; margin: 4px 0px 8px 0px; font-family: Arial, sans; font-size: 14px; color: #FFF; background: url(../img/web/btns.png) no-repeat 0px -30px; text-indent: 32px; }
.btntext { position: relative; display: block; width: 180px; height: 30px; line-height: 30px; margin: 4px 0px 8px 0px; font-family: Arial, sans; font-size: 14px; color: #FFF; background: url(../img/web/btns.png) no-repeat 0px -30px; text-indent: 32px; }
a.btn:hover, a.lit { background-position: 0px 0px; }
a.logoutbtn { position: relative; display: inline-block; width: 90px; height: 23px; line-height: 23px; margin: 4px 0px 0px 0px; font-family: Arial, sans; font-size: 11px; color: #FFF; background: url(../img/web/btnssmall.png) no-repeat 0px -23px; text-indent: 24px;}
a.logoutbtn:hover, a.lit { background-position: 0px 0px; }
input.btn { cursor:pointer; color:white; position: relative; display: block; width: 180px; height: 30px; line-height: 30px; margin: 4px 0px 8px 0px; font-family: Arial, sans; font-size: 14px; color: #FFF; background: url(../img/web/btns.png) no-repeat 0px -30px; border: none; text-align:left; text-indent: 26px;}
input.btn:hover, input.lit {  background-position: 0px 0px; }
input.disabled { background: url(../img/web/btnsdisable.png) no-repeat 0px -30px !important; }
input.disabled:hover { background: url(../img/web/btnsdisable.png) no-repeat 0px -30px !important; background-position: 0px 0px !important; }
input.fileChooser { width: 190px; height: auto; line-height: auto; padding: 5px; color: #FC0; }
img { border: 0px; margin: 0px; padding: 0px; }
em { color: #39F; font-size: 12px; font-style: normal; }
h1 { position: relative; display: block; height: 22px; width: 200px; line-height: 22px; margin: 0px 0px 15px 0px; padding: 0px; font-family: Arial Narrow, sans; font-size: 18px; font-weight: normal; color: #FC0; }
h2 { position: relative; display: block; height: 22px; width: 250px; line-height: 22px; margin: 15px 0px 15px 0px; padding: 0px; font-family: Arial, sans; font-size: 20px; font-weight: normal; color: #FC0; }
h1.whatis { background: url(../img/web/hdr.gif) no-repeat 0px 0px; text-indent: -1000px;  }
h2.sendone { background: url(../img/web/hdr.gif) no-repeat 0px -22px; text-indent: -1000px;  margin: 0px 0px 15px 0px;}
h2.cats { font-size: 15px; background: url(../img/web/hdr.gif) no-repeat 0px -44px; text-indent: -1000px;  }
h2.clips { font-size: 15px; background: url(../img/web/hdr.gif) no-repeat 0px -66px; text-indent: -1000px;  }
h2.info { font-size: 15px; background: url(../img/web/hdr.gif) no-repeat 0px -88px; text-indent: -1000px;  }
h2.sendit { font-size: 15px; background: url(../img/web/hdr.gif) no-repeat 0px -110px; text-indent: -1000px;  }
h2.success { font-size: 15px; background: url(../img/web/hdr.gif) no-repeat 0px -132px; text-indent: -1000px; }
h2.preview { background: url(../img/web/hdr.gif) no-repeat 0px -154px; text-indent: -1000px;  }
h2.signin { font-size: 15px; background: url(../img/web/hdr.gif) no-repeat 0px -176px; text-indent: -1000px; margin: 0px 0px 15px 0px;}
h2.register { margin: 0px 0px 15px 0px; }
h3 { position: relative; display: block; width: 190px; height: 15px; line-height: 15px; margin: 10px 0px 10px 0px; padding: 0px; font-family: Arial, sans; font-size: 13px; font-weight: normal; text-align: left; color: #6CF; }
h3.clips { position: absolute; top: 40px; left: 55px; margin: 0px; }
p { padding: 0px; margin: 0px 0px 10px 0px; font-family: Trebuchet MS, Arial, Verdana; font-size: 14px; }
#out { position: relative; width: 850px; height: 600px; margin-left: auto; margin-right: auto; background: url(../img/web/bg_01.gif) no-repeat 60px 20px; }
#logo { position: absolute; top: 40px; left: 200px; width: 390px; height: 115px; }
#lef { position: absolute; top: 200px; left: 90px; width: 350px; }
#ryt { position: absolute; top: 200px; left: 480px; width: 320px; }
#send { position: absolute; top: 200px; left: 480px; width: 320px; }
#iphone { position: absolute; top: 200px; left: 140px;}
#logout { position: relative; width: auto; }
#welcomeUser {float: left; margin-right:5px}
.username { color:#FC0; font-size: 15px;}
input, textarea { width: 150px; border: 1px solid #0051CF; background: none; color: #FFF; font-size: 12px; font-family: Arial, sans; line-height: 18px; height: 18px; padding: 3px 3px 0px 3px; }
textarea { width: 150px; height: 80px; overflow: hidden; }
dl { position: relative; margin: 7px 0px 10px 5px; padding: 0px; }
dt { display: block; clear: left; float: left; color: #39F; width: 120px; margin: 1px 0px 8px 0px; padding: 0px; font-size: 13px; line-height: 20px; }
dt.zerowidth { width: 0px; }
dd { display: block; float: left; width: 130px; margin: 1px 0px 8px 0px; padding: 0px; line-height: 20px; font-size: 13px; }
dd.fullline { width: auto; }
dd.note { font-size: 11px; }
dd.keyword { font-size:9px; text-align:center; }
input.terms { width:auto; height: auto;}
a.termsLink { text-decoration:underline; }
.claro { clear: left; font-size: 1px; height: 1px; }
.clearBoth { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.hide { display:none; }

.errors { color:red; font-weight:bold; }

/** base carousel **/
.carousel ul{list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;}
.carousel .mask{border:6px solid #444;overflow:hidden;position:relative;}
.carousel ul li{color:#fff;float:left;font-size:8em;height:100px;margin:0;text-align:center;width:100px;}
.carousel .pagination-links{list-style:none;margin:0;padding:0;width:auto;}
.carousel .pagination-links li{display:inline;}
#my-carousel span.carousel-feature{background-color:#000;bottom:0;color:white;font-size:11px;font-weight:bold;left:0;margin:0;padding:1px;position:absolute;width:98%;z-index:9999;height:26%;overflow:hidden;}
#my-carousel span.carousel-feature p{color:white;font-size:12px;font-weight:bold;margin:0;padding:5px;}
.carousel .pagination-links li a{padding:2px 6px;}
.carousel .pagination-links li a:hover{text-decoration:none;}
.carousel .pagination-links li.current a{background:#444;color:#fff;}
.carousel .disabled{color:gray;cursor:default;}
#my-carousel .mask{width:313px;}
#my-carousel li.carousel-feature{border:2px solid #5d5d5d;cursor:pointer;position:relative;background:#FFF;}
#my-carousel li .carousel-image{width:100%;height:100%;border:0px !important;}
#my-carousel .prev {float:left;}
#my-carousel .next {float:right;}