@charset "utf-8"; 

/* base */
.input, .select { display:inline-block; *display:inline; zoom:1; }
.input .inner { position:relative; }
.input .placeholder { position:absolute; top:0; left:0; display:none; }
.lte9 .input .placeholder { top:5px; }
.input.empty .placeholder { display:block; }
.input.focus .placeholder { display:none; }
.input .reset { cursor:pointer; }
.input.empty .reset { display:none; }

.editSubmit { cursor:pointer; }
.editSubmit:hover { cursor:pointer; }

input.kbTextField { width:175px; background:#353535; padding:4px 5px; border:solid 1px #2f2f2f; font:14px/20px "News Gothic", "Arial Narrow", arial, sans-serif; color:#b9b9b9; font-style:italic; -moz-border-radius:8px; -webkit-border-radius:2px; border-radius:5px;  }
#edit-kbSubmit { height:30px; padding:1px 10px 0px; margin:0 5px; font:18px/20px "News Gothic", "Arial Narrow", arial, sans-serif; color:#fff; background:#4b4b4b; vertical-align:middle; text-transform:uppercase; border:none; border-radius:5px; }
#kbSubmit { background:#4b4b4b; padding:1px 5px; border:solid 1px #2d2c2b; border-radius:5px; font:18px "News Gothic", "Arial Narrow", arial, sans-serif; color:#ffffff; text-transform:uppercase; vertical-align: top;  }
#kbSubmit:hover { cursor:pointer; }

/* New Swtor Theme */
input.error { border:solid 1px #ff0000; }
textarea { background:#272727; padding:10px 5px; font:12px/20px Arial, sans-serif; color:#bba37c; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:solid 1px #797979;  }
.textarea-processed { max-width:295px; min-width:295px;    }
.resizable-textarea .grippie { display:none; }

/* submit buttons, and links that look like submit buttons */
.submitBtn:hover, input.inputSwtor { cursor:pointer;}
.submitBtn input.inputSwtor { z-index:1; }
.submitBtn, a.submitBtn, a.submitBtn .center { font:bold 16px "News Gothic", "Arial Narrow", arial, sans-serif; color:#fff; text-decoration:none; text-shadow:0 0 2px #351f00; }
.submitBtn { position:relative; display:inline-block; background:url(/sites/all/files/en/coruscant/main/primaryBtn_hTile.png) repeat-x; height:35px; margin:0 8px; }
.submitBtn > .left, .submitBtn>.right, .submitBtn>.center { display:inline-block; top:0; } 
.submitBtn > .left, .submitBtn>.right { position:absolute; background:url(/sites/all/files/en/coruscant/main/primaryBtn.png) no-repeat; height:35px; width:35px; }
.submitBtn > .left { background-position:0 0; left:-5px;}
.submitBtn > .right { background-position:-109px 0; right:-5px; }
.submitBtn > .center { position:relative; min-width:100px; padding:8px 10px; text-align:center; z-index:1; }
.submitBtn > .hover { position:absolute; width:100%; height:100%; top:0; left:-5px; padding:0 5px; border-radius:5px; box-shadow:0 0 15px #fff inset; opacity:0; }
.submitBtn > .hover { -webkit-transition:opacity 300ms ease; -moz-transition:opacity 300ms ease; -ms-transition:opacity 300ms ease; -o-transition:opacity 300ms ease;  transition:opacity 300ms ease; }
.submitBtn:hover > .hover { opacity:1; }

.submitBtn.secondary { background-position: 0 -35px; } 
.submitBtn.secondary>.left { background-position:0 -35px; left:-5px;}
.submitBtn.secondary>.right { background-position:-109px -35px; right:-5px; }

.submitBtn.disabled { background-position:0 -70px; color:#6e6e6e; } 
.submitBtn.disabled>.left { background-position:0 -70px; left:-5px;}
.submitBtn.disabled>.right { background-position:-109px -70px; right:-5px; }
.submitBtn.disabled > .center > .inner , a.submitBtn.disabled > .center > .inner { color:#6e6e6e; }
.submitBtn.small.disabled > .center > .inner , a.submitBtn.small.disabled > .center > .inner { color:#fff; }

.large.submitBtn,
.large.submitBtn > .left,
.large.submitBtn > .right { background-position:0 -175px; height:54px; }
.large.submitBtn > .right { background-position:-109px -175px; }
.large.submitBtn,
.large.submitBtn .center{ padding-left:20px; padding-right:20px; font-size:28px; }

/* newer, small versions of default submit buton*/
.small.submitBtn, a.small.submitBtn, a.small.submitBtn .center { font-size:12px;}
.small.submitBtn { position:relative; display:inline-block; background:url(/sites/all/files/en/coruscant/main/primaryBtn_small_hTile.png) repeat-x; height:23px; margin:0 8px; }
.small.submitBtn > .left, .small.submitBtn>.right, small.submitBtn > .center { display:inline-block; top:0; } 
.small.submitBtn > .left, .small.submitBtn>.right { position:absolute; background:url(/sites/all/files/en/coruscant/main/primaryBtn_small.png) no-repeat; height:23px; width:5px; }
.small.submitBtn > .left { background-position:0 0; left:-5px;}
.small.submitBtn > .right { background-position:-79px 0; right:-5px; }
.small.submitBtn > .center {  min-width:20px; padding:4px 10px 3px; text-transform:uppercase; }

.small.submitBtn.secondary { background-position: 0 -24px; } 
.small.submitBtn.secondary>.left { background-position:0 -24px; left:-5px;}
.small.submitBtn.secondary>.right { background-position:-79px -24px; right:-5px; }

.submitBtn.checked > .center { position:relative; display:block; padding-left:5px; padding-right:20px; }
.submitBtn.checked > .center:after { display:block; position:absolute; height:10px; width:10px; right:5px; top:50%; margin-top:-5px; content:''; background:url(/sites/all/files/en/coruscant/main/greenCheck.png) no-repeat; }


/*tiny submit buttons */
.tinySubmitBtn { height:10px; min-width:20px; padding:4px 8px; font:bold 10px "News Gothic", "Arial Narrow", arial, sans-serif; text-align:center; background:#cc9e43; text-transform:uppercase; border:solid 1px #d8b56f; border-top:solid 1px #f1dfbc; border-bottom:solid 1px #504200; }
.tinySubmitBtn { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-shadow:0 0 7px #351f00;}
.cssgradients .tinySubmitBtn { background:-moz-linear-gradient(top, #d5ab5a, #cd9f45 9px, #d5ac5b ); background:-webkit-linear-gradient(top, #d5ab5a, #cd9f45 9px, #d5ac5b ); background:-ms-linear-gradient(top, #d5ab5a, #cd9f45 9px, #d5ac5b ); background:linear-gradient(top, #d5ab5a, #cd9f45 9px, #d5ac5b );}
.tinySubmitBtn { color:#fff; text-decoration:none; }
.tinySubmitBtn.secondary { background:#897b61; border:solid 1px #9b957f; }
.cssgradients .tinySubmitBtn.secondary { background:-moz-linear-gradient(top, #383838, #2f2f2f ); background:-webkit-linear-gradient(top, #383838, #2f2f2f ); background:-ms-linear-gradient(top, #383838, #2f2f2f ); background:linear-gradient(top, #383838, #2f2f2f ); }
.tinySubmitBtn.disabled { background:#2f2f2f; border:solid 1px#525252; border-bottom:#363636; border-right:#1f1f1f; color:#6e6e6e; }
.tinySubmitBtn:hover { box-shadow:0 0 10px #fff inset; color:#FFF; cursor:pointer; }
.tinySubmitBtn.disabled:hover { cursor:default; box-shadow:none; } 
input.tinySubmitBtn { border:0; height:24px; }

/* big submit button */
.bigSubmitBtn {  background:url("/sites/all/files/en/coruscant/main/search_button_gradient.png") repeat-x scroll 0 0 #000;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block; position:relative; text-shadow:0 0 6px #A9A471; color:#FFF; height:40px; min-width:20px; padding:6px 8px; font:bold 18px "News Gothic", "Arial Narrow", arial, sans-serif; text-align:center; text-transform:uppercase; box-shadow:0 0 3px #bcb7a7 inset; border:0; padding:8px 10px; padding-top:9px\9; font-stretch:condensed; margin:0 5px 0 0; vertical-align:top; }
.bigSubmitBtn:hover { background-position-y:-40px; box-shadow:0 0 5px #8D7835 inset; color:#f8f5de; cursor:pointer; text-shadow:0 0 7px #ffbb29; }
.bigSubmitBtn:active { padding:9px 9px 7px 11px; }
html.cssgradients .bigSubmitBtn { background:linear-gradient(linear, 0% 0%, 0% 100%, from(#32301B), to(#0C0C0B)); background:-moz-linear-gradient(0% 0% 270deg,#424024, #000000, #000000 78%); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#32301B), to(#0C0C0B)); background:-ms-linear-gradient(linear, 0% 0%, 0% 100%, from(#32301B), to(#0C0C0B)); }
html.cssgradients .bigSubmitBtn:hover { background:linear-gradient(linear, 0% 21%, 0% 100%, from(#8D7835), to(#070707), color-stop(.4,#333333)); background:-moz-linear-gradient(100% 12% 270deg,#8D7835, #070707, #110000 100%); background:-ms-linear-gradient(linear, 0% 21%, 0% 100%, from(#8D7835), to(#070707), color-stop(.4,#333333)); background:-webkit-gradient(linear, 0% 21%, 0% 100%, from(#8D7835), to(#070707), color-stop(.4,#333333)); }

/*hover state for submit btns */=
/*if it supports it, use css for transition hover, else use backgound image */
.boxshadow .submitBtn:hover > .hover, .boxshadow .input.submit:hover > .hover  { opacity:1; }
.submitBtn.disabled:hover > .hover, .input.submit.disabled:hover > .hover { opacity:0; }
.submitBtn.disabled:hover { cursor:default; }
.no-boxshadow .submitBtn:hover { background-position:0 -105px; }
.no-boxshadow .submitBtn:hover > .left{ background-position:0 -105px; }
.no-boxshadow .submitBtn:hover > .right{ background-position:-109px -105px; }
.no-boxshadow .submitBtn.secondary:hover { background-position:0 -140px; }
.no-boxshadow .submitBtn.secondary:hover > .left { background-position:0 -140px; }
.no-boxshadow .submitBtn.secondary:hover > .right { background-position:-109px -140px;  }
.no-boxshadow .submitBtn.disabled:hover { background-position:0 -70px; }
.no-boxshadow .submitBtn.disabled:hover > .left { background-position:0 -70px; }
.no-boxshadow .submitBtn.disabled:hover > .right { background-position:-109px -70px;  }

/* lucas button (applies to a elements) */
.lucasButton { position:relative; color:#FFF; text-decoration:none; display:inline-block; height:78px; margin:0 auto; padding:0 50px; text-align:center; font:700 18px/80px Berling; background:url(/sites/all/files/en/coruscant/main/fancy-button.png) repeat-x 0 -82px; z-index:1; }
.lucasButton:hover { background:url(/sites/all/files/en/coruscant/main/fancy-button.png) repeat-x 0 -326px; box-shadow:0 0 15px #ffbb29; -moz-box-shadow:0 0 15px #ffbb29;  -webkit-box-shadow:0 0 15px #ffbb29; color:#FFF; }
.lucasButton:before { background-image:url('/sites/all/files/en/coruscant/main/fancy-button.png'); content:""; display:block; width:50px; height:80px; position:absolute; bottom:-1px; left:0; }
.lucasButton:after { background:url('/sites/all/files/en/coruscant/main/fancy-button.png') no-repeat 0 -162px; content:""; display:inline-block; position:absolute; bottom:-1px; height:80px; width:50px; right:0; }
.lucasButton:hover:before { background-position:0 -245px; bottom:-2px; }
.lucasButton:hover:after { background-position:0 -407px; bottom:-2px; }
.lucasButton input { border:0; width:100%!important; }

/* inputs */

/* global */
input.registration, select, .select { padding:8px; font: 300 14px/16px Arial,sans-serif; color: #000; background:#CCC; border:3px solid #888; width:100%; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
input:active, input:focus, .input:active, .input:focus, .select.active .value{ border-color:#b48932; }

/* input */
.input.checkbox { display:inline-block; padding:1px; border:1px dotted transparent; vertical-align:middle; /*margin:-2px -2px -5px -2px;*/ }
.input.checkbox { -moz-border-radius:2px; -webkit-border-radius:2px; }
.input.checkbox input { top:1px!important; left:1px!important; margin:0; padding:0; }
.input.checkbox div { width:18px; height:15px; background:url(/sites/all/files/en/coruscant/main/inputs.png) -2px 0px; }
.input.checkbox.checked div { background-position:-46px 0; }
.input.checkbox.focus { border-color:#394459; }
.input.radio { display:inline-block; padding:1px; border:1px dotted transparent; margin:-2px; }
.input.radio.disabled { opacity:0.5; filter:alpha(opacity=50); cursor:not-allowed; }
.input.radio { -moz-border-radius:5px; -webkit-border-radius:5px; }
.input.radio input { top:1px!important; left:1px!important; margin:0; padding:0; }
.input.radio div { width:16px; height:16px; background:url(/sites/all/files/en/coruscant/main/inputs.png) -3px -17px; }
.input.radio.checked div { background-position:-47px -17px; }
.input.radio.focus { border-color:#394459; }

label.option { font-size:12px; color:#acacac;}

.field .label { text-align:left; width:100%; }
.field .label { font: 300 16px/30px Arial; width:100%; }
.field .formMsg.error { width:100%; }

input.registration:focus,
.select.focus,
textarea.registration:focus { border-color:#b48932; }

.input.select.error { padding:0; background:none; border:solid 1px #ff0000; }

textarea.error { border: 1px solid #EE5555; color:#bba37c; }

/* select */
.select { font-size:0; line-height:0; position:relative; display:inline-block; cursor:default; margin-bottom:-5px; text-align:center; width:100%; }
.select:hover { cursor:pointer; }
.select.inline { min-width:75px !important; }
.select.regDob { margin-right:8px; min-width:0px !important; }
.select.regDob ul  { min-width:80px !important; }
.select.regDob .value { min-width:75px !important; }
.select.focus .wrapValue { border-color:#394459; }
.select .value { font: 300 14px/16px Arial,sans-serif; color: #000; min-width:100%; }
.select.inline .value { min-width:75px !important; }
.select .wrapOptions { border:1px solid #808080; color:#888270; background:#353535; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  }
.select .wrapOptions { position:absolute; width:100%; left:0px; display:none; z-index:20; }
.select .wrapOptions * { z-index:20; }
.input.select ul.options { list-style:none; padding-left:0; margin:0; width:100% !important; }
.select.inline ul { min-width:75px !important; }
.select.down .wrapOptions { top:39px; }
.select.up .wrapOptions { bottom:28px; }
.select.active .wrapOptions { display:block; }
.select li { font: 300 12px/18px Arial, sans-serif; padding:0px 0 0 5px; color:#888270; width:100%; }
.select li.focus { background:#000000; color:#d2d2d2; }
.select .wrapOptions { max-height:270px; overflow-y:auto; overflow-x:hidden; }
.select .wrapOptions li > span { line-height:15px; }
.select.scroll li { padding-right:10px; }
.select.scroll .wrapOptions>ul { padding-right:3px; }
.select.scroll .wrapOptions>ul>li { padding-right:20px; }
.select.scroll .wrapOptions>.jScrollPaneContainer { padding-right:3px; }
.select .arrow { width:22px; height:16px; position:absolute; top:1px; right:1px; background: url(/sites/all/files/en/coruscant/main/inputs_update.png) 0 -83px; }

/* disabled select boxes */
.select.disabled .arrow { opacity:0.5; }

.termsWrapper .select .arrow { top:2px; right:3px; }
.termsWrapper .select.down .wrapOptions { top:25px; }
.termsWrapper .select.up .wrapOptions { bottom:25px; }
.acctInnerWrap .jScrollArrowUp { height:15px; width:16px!important; margin-right:-1px; background:url(/sites/all/themes/swtor/en/assets/inputs.png) -30px -26px; }
.acctInnerWrap .jScrollArrowDown { height:15px; width:16px!important; margin-right:-1px; background:url(/sites/all/themes/swtor/en/assets/inputs.png) -30px -41px; }
.acctInnerWrap .jScrollPaneTrack { background:#05080D; }
.acctInnerWrap .jScrollPaneDrag { background:#192132; border:1px solid #232d40; overflow:visible; width:13px!important; min-height:20px; }
.acctInnerWrap .jScrollPaneDragTop { background:url(/sites/all/themes/swtor/en/assets/inputs.png) 0 -46px; height:3px; margin:-2px -1px 0; }
.acctInnerWrap .jScrollPaneDragBottom { background:url(/sites/all/themes/swtor/en/assets/inputs.png) 0 -49px; height:11px; margin:0 -1px -2px; }
.jScrollPaneTrack, .jScrollPaneDrag, .jScrollArrowUp, .jScrollArrowDown { cursor:default; }
.select .jScrollPaneTrack, .select .jScrollPaneDrag, .select .jScrollPaneDragTop, .select .jScrollPaneDragBottom, .select .jScrollPaneArrowUp, .select .jScrollPaneArrowDown { position:absolute; }
.option .input.radio { margin-top:3px; margin-bottom:-6px; }
.acctInnerWrap.scroll>.termsArea { padding:10px; }
.acctInnerWrap.scroll .jScrollPaneContainer .termsArea { margin:15px; }
.acctInnerWrap.scroll .acctInnerWrapTop { margin-bottom:-41px; }
.acctInnerWrap.scroll .acctInnerWrapBot { margin-top:-41px; }
.select .value, .select ul { text-align:left; }
.select .ahah-progress { display:none; }
.acctChkbxText { margin-left:5px; position:relative; }
.input.radio, .input.checkbox, .select { zoom:1; *display:inline; }

/*scrollbars */

/* Scrollbar */
.scrollbar { position:absolute; top:0; width:7px; height:100%; right:0; }
.scrollarea { width:100%; padding-right:20px; }
.scrollbarActive .scrollbar { display:block; }
.scrollbar .bar { width:7px; height:100%; position:relative; }
.scrollbar .bar > * { width:7px; height:4px; background-image:url(/sites/all/files/en/coruscant/main//scrollbar_bg.png); background-color:transparent; }
.scrollbar .bar > .top { position:absolute; top:-4px; left:0; width:7px; height:4px; background-position:top; }
.scrollbar .bar > .bottom { background-color:transparent; background-image:url(/sites/all/files/en/coruscant/main/scrollbar_slider.png); position:absolute; bottom:-4px; left:0; width:7px; height:4px; background-position:bottom; }
.scrollbar .bar > .middle { width:7px; height:100%; background-position:center; }
.scrollbar .slider { width:7px; height:100%; position:absolute; left:-6px; margin-top:-1px; min-height:8px; }
.scrollbar .slider > * { width:7px; height:4px; background-image:url(/sites/all/files/en/coruscant/main/scrollbar_slider.png); background-color:transparent; }
.scrollbar .slider > .top { position:absolute; top:-10px; left:0; width:19px; height:10px; background-position:left top; }
.scrollbar .slider > .bottom { background-color:transparent; background-image:url(/sites/all/files/en/coruscant/main/scrollbar_slider.png); position:absolute; bottom:-8px; left:0; width:19px; height:8px; background-position:left bottom; }
.scrollbar .slider > .middle { width:19px; height:100%; background-position:left center; min-height:8px; }
.scrollbar .slider:hover > .top { background-position:right top; }
.scrollbar .slider:hover > .bottom { background-position:right bottom; }
.scrollbar .slider:hover > .middle { background-position:right center; }
.scrollbar .arrow_up { position:absolute; top:-13px; left:1px; width:5px; height:6px; background:url(/sites/all/files/en/coruscant/main/scrollbar_arrows.png) top; }
.scrollbar .arrow_down { position:absolute; bottom:-13px; left:1px; width:5px; height:6px; background:url(/sites/all/files/en/coruscant/main/scrollbar_arrows.png) bottom; }
.inputSwtor.select .scrollbar { height:220px; top:15px; right:2px; }
