/**************************** DEFAULT STYLES START ****************************/
body {
  text-align: center;
  font: normal 13px Arial,Helvetica,Tahoma,Verdana,sans-serif;
  background: #FFFFFF;
  color: #333333;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, button,
textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }

h1 {font-size: 23px }
h2 {font-size: 20px;}
h3 {font-size: 17px;}
h4 {font-size: 1em;}
h5 {font-size: 0.8em;}
div, img {
  display: block;
  border: 0px none #000000;
}
a, a:active, a:link, a:visited {
  text-decoration: none;
  outline: none;
}
a {color: #6190D9;}
a:active {color: #6190D9;}
a:hover {color: #6190D9;}
a:link {color: #6190D9;}
a:visited {color: #6190D9;}

a:hover { text-decoration: underline; }
p { line-height: 18px; }
ul, ol { list-style: none outside none; }
input, select {outline: black none 0px;}
:focus {outline: black none 0px;}
::-moz-focus-inner {border:0;}
/****************************  DEFAULT STYLES END  ****************************/

/********************************* LAYOUT START *******************************/
#body-wrap {
  clear: both;
  float: none;
  margin: 0 auto;
  text-align: left;  /*Fix IE bug*/
  width: 980px;
}

#panel-right {
  width: 100px;
  float: left;
  margin-left: 10px;
  background-color: #FFFFFF;
  margin-top: 126px;
  border: 1px solid #D1D1D1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}

#panel-right .panel-inner {
  border: 1px solid #fcfcfc;
  border-radius: 6px;
  box-shadow: 0 0 2px #FFF inset;
  padding: 3px;
  min-height: 386px;
  
background: #fcfcfc;
background: -moz-linear-gradient(top,  #e0eefc 0%, #f0f7fe 29%, #fafcff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0eefc), color-stop(29%,#f0f7fe), color-stop(100%,#fafcff));
background: -webkit-linear-gradient(top,  #e0eefc 0%,#f0f7fe 29%,#fafcff 100%);
background: -o-linear-gradient(top,  #e0eefc 0%,#f0f7fe 29%,#fafcff 100%);
background: -ms-linear-gradient(top,  #e0eefc 0%,#f0f7fe 29%,#fafcff 100%);
background: linear-gradient(to bottom,  #e0eefc 0%,#f0f7fe 29%,#fafcff 100%);
}

#panel-right .title {
  margin-bottom: 10px;
  color: #3C7191;
}

#panel-right ul {
  margin: 10px 0;
  padding-left: 4px;
}

#content-main {
  width: 850px;
}
#header, #content, #footer, #bottom-content {
  clear: both;
  float: none;
  margin: 0 auto;
  text-align: left;  /*Fix IE bug*/
  width: 850px;
}
/********************************* HEADER START *******************************/
#header {
  height: 60px;
  margin-bottom: 10px;
  margin-top: 8px;
}

#logo {
  float: left;
}

#header .ads {
  float: right;
  height: 60px;
  width: 468px;
}

/*********************************  HEADER END  *******************************/

/********************************* FOOTER START *******************************/

#bottom-content { margin-top: 20px; }

#footer {
  margin-top: 20px;
  border-top: 1px solid #cacaca;
}
#footer .inner {
  background: transparent url(/images/footer-inner-top.png) scroll no-repeat 0 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
#footer li {
  font-size: 12px;
  display: inline;
  padding-right: 20px;
}
#footer li a {
  color: #397292;
}
#copyright { color: #333333; }

/********************************* FOOTER START *******************************/

/*********************************  LAYOUT END  *******************************/


/***************************** COMMON STYLES START ****************************/
.bold {
  font-weight: bold;
}
.clear {
  clear: both;
  float: none;
  font-size: 1px;
  line-height: 1px;
}
.hidden {
  display: inline;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
  top: -9999px;
  font-size: 2px;
}
.inline-block {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.two-columns {}
.two-columns .left {
  float: left;
}
.two-columns .right {
  float: right;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.float-left { float: left; }
.float-right { float: right; }
/*****************************  COMMON STYLES END  ****************************/

/************************ ROUNDED BORDERS BLOCK START *************************/
.round-border {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.round-border .top,
.round-border .bottom {
  display: block;
  width: 100%;
  height: 8px;
  font-size: 2px;
  zoom: 1;
}

.round-border .tl,
.round-border .tr,
.round-border .bl,
.round-border .br {
  background: transparent url(/images/blocks.png) scroll no-repeat 0 0;
  height: 8px;
  float: left;
}

.round-border .tl, .round-border .bl {
  width: 842px;
  left: 0;
}

.round-border .tr, .round-border .br {
  width: 8px;
  right: 0;
}

.round-border .tr, .round-border .tl { top: 0;}
.round-border .br, .round-border .bl { bottom: 0;}

.round-border .blue .tl { background-position: 0 0; }
.round-border .blue .tr { background-position: -980px 0; }

.round-border .blue .bl {background-position: 0 -8px;}
.round-border .blue .br {background-position: -980px -8px;}

.round-border .white .bl {background-position: 0px -16px;}
.round-border .white .br {background-position: -980px -16px;}

.round-border .middle-left {
  background: transparent url(/images/rounded-border/rounded-border-middle-left.png) scroll repeat-y 0 0;
  padding-left: 4px;
}
.round-border .middle-right {
  background: transparent url(/images/rounded-border/rounded-border-middle-right.png) scroll repeat-y 100% 0;
  padding-right: 4px;
  zoom: 1;
}

/* TODO: CSS -> change bg image bottom to be finished in WHITE */
#main.round-border .middle-top {
  background: #FAFCFF url(/images/rounded-border/middle-bg-top-large.png) scroll repeat-x 0 0;
  padding: 10px 8px;
  zoom: 1;
  
}

#bottom-content.round-border .middle-top {
  background: transparent url(/images/rounded-border/middle-bg-top-medium.png) scroll repeat-x 0 0;
  padding: 10px 8px;
  min-height: 240px;

}
#bottom-content.round-border .middle-bottom {
  background: #FAFCFF url(/images/rounded-border/middle-bg-bottom-medium.png) scroll repeat-x 0 100%;
}

/************************  ROUNDED BORDERS BLOCK END  *************************/

/************************* ROUNDED CORNERS BUTTON START ***********************/
.btn-large-wrap {
  display: block;
  overflow: hidden;
}

.btn-large-wrap .wrap-left,
.btn-large-wrap .wrap-center,
.btn-large-wrap .wrap-right {
  height: 34px;
  background: transparent url(/images/buttons.png) scroll no-repeat 0 0;
  float: left;
  line-height: 34px;
}

.btn-large-wrap .wrap-left {
  background-position: 0 -168px;
  width: 4px;
}
.btn-large-wrap .wrap-center {
  background-position: 0 -243px;
  background-repeat: repeat-x;
}
.btn-large-wrap .wrap-right {
  background-position: -4px -168px;
  width: 4px;
}
.btn-large-wrap .btn-large {
  overflow: visible;
  display: inline;
  border: 0px solid white;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  width: 70px;
  font-size: 16px;
  color: #FFFFFF;
  vertical-align: top;
  padding: 6px 0 8px 0;
}

#submit-wrap.disabled .wrap-left { background-position: 0 -202px; }
#submit-wrap.disabled .wrap-center { background-position: 0 -277px;}
#submit-wrap.disabled .wrap-right { background-position: -4px -202px; }
#submit-wrap.disabled .btn-large {
  color: #7a7b7c;
  cursor: default;
}
#submit {
  outline: none;
}
.btn-medium, .btn-medium:link,.btn-medium:hover,.btn-medium:active,.btn-medium:visited {
  color: white;
  text-decoration: none;
  overflow: hidden;
}


.btn-medium  .bgl,
.btn-medium  .bgc,
.btn-medium  .bgr {
  height: 25px;
  background: transparent url(/images/buttons.png) scroll no-repeat 0 0;
  float: left;
  line-height: 24px;
  cursor: pointer;
  display: block;
}

.btn-medium .bgl {
  background-position: -9px -168px;
  width: 4px;
  color: #f2f2f2;
  font-size: 2px;
}

.btn-medium .bgc {
  background-position: 0 -311px;
  background-repeat: repeat-x;
  padding: 0 6px;
}
.btn-medium .bgr {
  background-position: -13px -168px;
  width: 4px;
  font-size: 2px;
}

.btn-medium.active .bgl,
.btn-medium:active .bgl {
  background-position: -9px -193px;
}
.btn-medium.active .bgr,
.btn-medium:active .bgr {
  background-position: -13px -193px;
}
.btn-medium.active .bgc,
.btn-medium:active .bgc {
  background-position: 0px -335px;
}

.btn-medium.disabled .bgl,
.btn-medium.disabled .bgc {
  background-position: 0 -50px;
  
}
.btn-medium.disabled .bgl {
  background-position:  -9px -218px;
}
.btn-medium.disabled .bgc {
  color: #7A7B7C;
  background-position: 0px -361px;
}
.btn-medium.disabled .bgr {
  background-position:  -13px -218px;
}


/*************************  ROUNDED CORNERS BUTTON END  ***********************/

/****************************** GENERIC PAGES START ***************************/

#generic { text-align: justify; padding: 0 12px; }
#generic h2 {
  color: #3c7191;
  font-size: 20px;
}
#generic h3 {
  color: #3c7191;
  font-size: 16px;
}
#generic p { margin: 10px 0; }
#generic .ulist, #generic .olist {
  margin: 12px 0;
  padding-left: 40px;
}
#generic .ulist li {list-style-type:disc;}
#generic .olist li {list-style-type:decimal;}

#generic .main-list {padding-left: 30px;}
#generic li.note {
  list-style: none;
  padding: 0;
  margin: 0;
  font-style: italic;
  color: gray;
}
#generic .ulist li, #generic .olist li { margin-bottom: 4px;}
#generic .answers li { padding-bottom: 10px; }

#generic .answer-title { font-weight: bold;}
#generic .term-item { margin: 15px 0; }

.contact_page form, .contact_page fieldset {
  border: 0px none silver;
  margin: 0;
  padding: 0;
}

.contact_page .input {
  padding: 3px 4px;
  margin: 0;
  vertical-align: bottom;
  border: 1px solid #aebbc3;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 350px;
}

.contact_page textarea.input {
  max-width: 350px;
  min-width: 350px;
}

#generic form .field {
  margin-bottom: 10px;
}

#generic form .label {
  float: left;
  width: 160px;
  line-height: 24px;
}

#generic form .input-wrap {
  float: left; 
}

#generic form .btn-submit {
  overflow: visible;
  padding: 3px 4px;
}

.required-mark {
  color: #C00000;
  font-weight: bold;
}

#generic .response-text {
  line-height: 20px;
  padding-left: 20px;
}

.e404 .response-text {
  height: 340px;
}

#maintenance {
  height: 340px;
}

/******************************  GENERIC PAGES END  ***************************/

/* -------- JQUERY UI PATCH BEGIN -------- */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.65);
  
  background: #7eb4d5;
  background-color: #7eb4d5;
  background-image: -moz-linear-gradient(top,  #7eb4d5 0%, #5896bb 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7eb4d5), color-stop(100%,#5896bb));
  background-image: -webkit-linear-gradient(top,  #7eb4d5 0%,#5896bb 100%);
  background-image: -o-linear-gradient(top,  #7eb4d5 0%,#5896bb 100%);
  background-image: -ms-linear-gradient(top,  #7eb4d5 0%,#5896bb 100%);
  background-image: linear-gradient(to bottom,  #7eb4d5 0%,#5896bb 100%);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  /*background: #5896bb;*/
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #518AAC;
  box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.2)
}

.ui-dialog {
  padding: 0px;
}

.ui-dialog .ui-widget-header {
  border: 0px none white;
  background: #5896bb;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.ui-dialog .ui-dialog-buttonpane {
  padding-bottom: 0px;
}

.ui-dialog.ui-front {
  z-index: 9999;
}

.ui-button-text-only .ui-button-text {
  padding: 0.3em 1em;
}

/* -------- JQUERY UI PATCH END -------- */

#step1 {
  overflow: hidden;
}

iframe.iframeUP {
  position: absolute;
  top: -10000px;
  left: -10000px;
}



#header-links {
  clear: right;
  float: right;
  padding-right: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

#header-links.aligned {
  margin-top: 25px;
}

#header-links a {
  padding: 0 4px;
}

#follow-us { 
  color: gray;
  padding-left: 4px;
}
#follow-us .icon-holder {
  background: transparent url(/images/icons.png) scroll no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: bottom;
  padding: 0;
}
#follow-us .icn-fb {
  background-position: -40px 0;
}
#follow-us .icn-tw {
  background-position: -20px 0;
}

.tab-navigator {
  float: left;
  overflow: visible;
  position: relative;
  z-index: 2;
  padding-left: 6px;
  top: 10px;
}
.tab-navigator .tab {
  position: relative;
  vertical-align: bottom;
  z-index: 1;
  overflow: hidden;
  float: left;
  height: 38px;
}

.tab-navigator .tab a:hover {
  text-decoration: none;
}
.tab-navigator .tab a,
.tab-navigator .tab a:active,
.tab-navigator .tab a:visited,
.tab-navigator .tab a:link { color: #424242; cursor: pointer;}

.tab-navigator .active a,
.tab-navigator .active a:active,
.tab-navigator .active a:visited,
.tab-navigator .active a:link { color: #FFFFFF; cursor: default;}

.tab-navigator .active {
  z-index: 100;
  overflow: visible;
}
.tab-navigator .btn-wrap {
  display: block;
  font-size: 19px;
}
.tab-navigator .btn-wrap .large {
  display: block;
}
.tab-navigator .large {
  overflow: hidden;
  text-align: center;
  position: relative;
  font-weight: normal;
}
.tab-navigator .active .large {
  cursor: default;
}

.tab-navigator .large .bgl,
.tab-navigator .large .bgc,
.tab-navigator .large .bgr {
  display: block;
  float: left;
  height: 42px;
  line-height: 44px;
  background: transparent url(/images/buttons.png) scroll no-repeat 0 0;
}
.tab-navigator .large .bgl {
  width: 9px;
  background-position: 0 -42px;
  font-size: 2px;
}
.tab-navigator .large .bgc {
  width: 140px;
  background-position: 0 -126px;
  background-repeat: repeat-x;
}
.tab-navigator .large .bgr {
  width: 9px;
  background-position: -9px -42px;
  font-size: 2px;
}

.tab-navigator .active .large .bgl { background-position: 0 0; }
.tab-navigator .active .large .bgc { background-position: 0 -84px; }
.tab-navigator .active .large .bgr { background-position: -9px 0; }


.step {
  padding-left: 6px;
  overflow: visible;
  zoom: 1;
}

.step-heading {
  display: block;
  text-align: center;
  width: 40px;
  overflow: visible;
  float: left;
}

.step-heading .step-text {
  font-size: 16px;
  font-weight: bold;
  display: block;
  color: #3c7191;
}

.step-heading .step-nr {
  line-height: 38px;
  text-align: left;
  height: 38px;
  width: 26px;
  display: block;
  background: transparent url(/images/step-bg.png) scroll no-repeat 0 0;
  font-size: 24px;
  color: #FFFFFF;
  padding-left: 12px;
}

.step-separator {
  margin-top: 14px;
  margin-bottom: 14px;
  background: transparent url(/images/step-separator-bg.png) scroll no-repeat 50% 0;
  width: 100%;
  height: 1px;
}

.step-container {
  float: left;
  padding-left: 20px;
  color: #3c7191;
  width: 760px;
}
.file-container, .url-input-container {
  height: 29px;
  padding-top: 2px;
}
.file-container {
  vertical-align: top;
  width: 250px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 200;
  zoom: 1;
}

#step1 .input-text {
  width: 180px;
}
.input-file-wrap {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  z-index: 200;
  zoom: 1;
  visibility: visible;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}

.input-file {
  font-size: 42px;
}
.input-text {
  padding: 3px 4px;
  margin: 0;
  margin-right: -7px;
  vertical-align: bottom;
  border: 1px solid #aebbc3;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.input-text.disabled {
  background-color: #eee;
  color: silver;
}
.mail-block {
  width: 600px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.mail-label {
  font-size: 15px;
  line-height: 24px;
  
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;

}

#mail-input-textbox {
  visibility: hidden;
}

#email {
  margin: 0px;
  width: 220px;
}

.bigOR {
  width: 140px;
  text-align: center;
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
}

.note {
  font-style: italic;
  color: #8c8a8a;
  font-size: 12px;
  padding-top: 4px;
}

.ads-stripe {
  background-color: white;
  font-size: 12px;
  border: 1px solid #C3D9FF;
  line-height: 22px;
  padding: 0 10px;
  margin-bottom: 10px;
  zoom:1;
}




.ads-flow .info-icon {
  background: transparent url("/images/circled-arrow-g.png") scroll no-repeat 0 0;
  vertical-align: bottom;
  margin-right: 8px;
}

.ads-stripe.ads-flow {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #FFF9D5;
  margin-bottom: 14px;
}

.ads a,
.ads-stripe a {
  color: blue;
}

.par {
  line-height: 21px;
  text-align: justify;
  padding: 0 4px;
  margin-bottom: 10px;
}

#tblFileList {
  z-index: 100;
  position: relative;
  zoom: 1;
}

#tblFileList th {
  font-size: 15px;
  font-weight: normal;
  text-align: left;
}
#tblFileList tbody {
  position: relative;
}

#filelist .icn-remove {
  width: 12px;
  height: 14px;
  margin-right: 4px;
  background: transparent url(/images/icons.png) scroll no-repeat -100px 2px;
}

#filelist .fname-cell {
  font-size: 12px;
  font-style: italic;
  color: #424242;
  margin-top: 4px;
  width: 225px;
  position: relative;
  white-space: nowrap;
}

#tblFileList .filename {
  width: 225px;
}

#template-filelist .filename {
  font-style: italic;
}

#template-filelist .filename div {
  margin-top: 4px;
  padding-left: 16px;
}

#tblFileList td {
  padding-top: 4px;
  padding-bottom: 8px;
  vertical-align: top;
}

#filelist td {
  border-top: 1px dotted #5c5d5d;
  padding-top: 8px;
}
#filelist .first td {
  border-top: 0px none white;
  padding-top: 4px;
}


.select-file-format {
  width: 250px;
}

.step .step-label {
  font-size: 16px;
}

#step2 .step-label {
  font-weight: bold;
}

.fake-select {
  position: absolute;
  max-height: 300px;
  width: 250px;
  overflow-y: scroll;
  overflow-x: auto;
  background-color: white;
  display: none;
  z-index: 100;
  border: 1px solid silver;
}

.fake-select .option {
  white-space: nowrap;
  overflow: hidden;
}

.fake-select .optgroup-wrap {
  zoom: 1;
}

.fake-select .label {
  font-weight: bold;
  cursor: default;
  text-align: center;
  color: #333333;
  background-color: #CCCCCC
}


.fake-select .option a {
  display: block;
  padding: 1px 0 1px 20px;
  cursor: default;
  color: #397292;
  zoom: 1;
}

.fake-select .option a:hover {
  background-color: #397292;
  color: #FFFFFF !important;
  text-decoration: none;
}

.fs-label-wrap {
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  width: 250px;
  margin-right: 3px;
  white-space: nowrap;
  position: relative;
  background-color: #FFFFFF;
  z-index: 80;
  border: 1px solid #BEC7D1;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: default;
}

.fs-label-wrap, 
.fs-label-wrap:hover,
.fs-label-wrap:link,
.fs-label-wrap:active {
  display: block;
  text-decoration: none;
  color: #3C7191 !important;
}

.fs-label-arrow {
  position: absolute;
  right: -3px;
  top: -1px;
  width: 24px;
  height: 25px;
  display: block;
  background: transparent url(/images/buttons.png) scroll no-repeat 0 -386px;
  z-index: 100;
}

.fs-label-container {
  display: block;
  overflow: hidden;
}
.fs-label {
  padding-left: 4px;
}

#tblFileList .disabled {
  border-color: #aebbc3;
  color: #bec8cf;
}

#tblFileList .disabled .fs-label-arrow {
  background-position: 0 -411px;
}

.select-preset-wrap {
  padding-top: 4px;
}

.select-preset-label {
  float: left;
  display: block;
  line-height: 23px;
}
.select-preset-container {
  float: right;
  margin-right: 11px;
  display: inline;
  font-size: 11px !important;
}


.select-preset-container .fake-select {
  width: 200px;
}
.select-preset-wrap .fs-label-wrap {
  width: 200px;
}

.select-preset-wrap .fs-label {
  font-size: 11px;
  line-height: 18px;
}
.select-preset-wrap {
  
}

#process {
  padding: 0 10px 5px 10px;
}

/* -------- PROGRESS BAR BEGIN -------- */
#progress-bar {
  padding: 2px;
  color: #316e92;
  text-align: left;
  display: none;
  margin: 0 auto;
}

#progress-bar .bar-info {
  padding-bottom: 4px;
}


#progress-bar .bar-info {}
#progress-bar .bar-text {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

#progress-bar .bar-values {
  float: right;
}

#progress-bar .bar-wrap {
  clear: both;
  display: block;
  width: 100%;
  height: 6px;
  font-size: 2px;
  
  border: 1px solid #316e92;
  padding-right: 1px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: transparent url(/images/progress-bar.png) scroll repeat-x 0 100%;
}
#progress-bar .bar-percentage {
  clear: left;
  display: block;
  background-color: #A2AAE1;
  width: 70%;
  height: 6px;
  font-size: 2px;
  border-right: 1px solid #316e92;
  background: transparent url(/images/progress-bar.png) scroll repeat-x 0 0;
}

/* --------  PROGRESS BAR END  -------- */



#list-files-text {
  color: #3C7191;
  font-size: 15px;
  font-weight: normal;
  padding: 15px 0 5px 10px;
}

#results {
  margin: 0 10px;
  padding: 0 0 10px;
}


.result-group {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #F0F0F0;
  margin: 0 20px 6px 20px;
}

.result-group .group-wrap {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  background-color: #FEFEFF;
}

.result-group .shadow-top,
.result-group .shadow-bottom {
  display: block;
  margin: 0 auto;
  background: transparent url(/images/blocks.png) scroll no-repeat 32px -25px;
  height: 8px;
}

.result-group .shadow-bottom {
  background-position: 32px -34px
}

.result-group .download-all {
  line-height: 24px;
}
.result-group .job-results {
  padding: 0 20px;
  position: relative;
}

.result-group .job-results .pcloud {
  position: absolute;
  top: -2px;
  right: 20px;
  padding-left: 10px;
  z-index: 1;
  background: #FEFEFF;
  line-height: 24px;
}

/*.result-group .job-results .batchresult + .pcloud {
  line-height: 18px;
  padding: 0;
  position: static;
}*/

.result-group .oneline {
  line-height: 24px;
}

.result-item .icn-status {
  width: 20px;
  height: 20px;
}

.result-item .processing {
  background: transparent url(/images/ajax-loader.gif) scroll no-repeat 0 50%;
}
.result-item .success {
  background: transparent url(/images/icons.png) scroll no-repeat -56px 2px;
}
.result-item .failed {
  background: transparent url(/images/icons.png) scroll no-repeat -78px 2px;
}
.result-item .info {
  padding-left: 6px;
}
.result-item .fname {
  font-weight: bold;
  color: #3C7191;
}
.result-item .status-text {
  padding-left: 12px;
}

.job-progress .progress-info {
  font-size: 10px;
  line-height: 13px;
}

.job-progress .bar-percentage {
  display: block;
  height: 2px;
  font-size: 2px;
  line-height: 2px;
  background-color: #7071FF;
}


.job-progress .bar-wrap {
  font-size: 2px;
  line-height: 2px;
  padding: 1px;
  border: 1px solid #DDDDDD;
}







#info-viewer {
  width: 650px;
  margin: 0 auto;
}

.info-icon {
  background: transparent url(/images/icons.png) scroll no-repeat 0 0;
  width: 19px;
  height: 19px;
  vertical-align: baseline;
  margin-right: 3px;
}










#viewer {
  position:relative;
  width: 844px;
  height: 500px;
  display: block;
  visibility: visible;
  overflow:hidden;
  left: -9px;
  margin-right: -22px;
}

#viewer.fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  
  height: auto;
  width: auto;
  margin: 0;
  
  zoom: 1;
}

#fs-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  overflow: hidden;
  z-index: 1000;
  display: none;
}

#fs-container #viewer-body {
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  /*margin-top: -30px;*/
  height: auto;
}

#fs-container #toolbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1010;
  background: #EBF4FD;
}



#viewer .viewport {
  display:block;
  overflow:auto;
  overflow-x: auto;
  overflow-y: scroll;
  text-align: center;
  cursor: move;
  cursor: -moz-grab;
  clear: both;
  position: relative;
  background-color: #f2f2fe;
}

#viewer .dragging {
  cursor: move;
  cursor: -moz-grabbing;
}

#fs-container .viewport {
  overflow: auto;
}

#viewer .container-holder {
  position: relative;
  zoom: 1;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}

#viewer .container {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

#viewer .container .page-wrap {
  position: absolute;
  left: 50%;
}
#viewer .container .page {
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.15);
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  left: -50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
}

#toolbar-wrap {
  display: block;
  height: 28px;
  width: 100%;
  position: relative;
  z-index: 1000;
}

#viewer-status {
  display: none;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  position: absolute;
  top:0;
  left: 0;
}

#viewer .btn-wrap {
  color: #eeeeee;
  line-height: 24px;
  display: block;
}
#viewer a.btn-wrap:hover {
  color:#FFFFFF;
  text-decoration: underline;
}

#toolbar {
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  box-shadow: 0px 7px 6px -6px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
  /*line-height: 24px;*/
}
#toolbar .zoomSelect {
  width: 70px;
}

#toolbar .button,
#toolbar .text,
#toolbar .separator,
#toolbar .input {
  vertical-align: top;
}
#toolbar .button {
  width: 24px;
  height: 24px;
  margin-right: 2px;
  cursor: pointer;
}
#toolbar .button:hover {
  background:transparent url("/images/icons.png") no-repeat scroll 0 -20px;
}

#toolbar .button span {
  width: 24px;
  height: 24px;
  display: block;
}

#toolbar .button .begin {
  background: transparent url(/images/icons.png) no-repeat scroll -24px -20px;
}
#toolbar .button .prev {
  background: transparent url(/images/icons.png) no-repeat scroll -96px -20px;
}
#toolbar .button .next {
  background: transparent url(/images/icons.png) no-repeat scroll -72px -20px;
}
#toolbar .button .end {
  background: transparent url(/images/icons.png) no-repeat scroll -48px -20px;
}

#toolbar .button .zoomin {
  background: transparent url(/images/icons.png) no-repeat scroll -120px -20px;
}
#toolbar .button .zoomout {
  background: transparent url(/images/icons.png) no-repeat scroll -144px -20px;
}
#toolbar .separator {
  background: transparent url(/images/icons.png) no-repeat scroll -140px 0;
  width: 2px;
  margin: 4px 6px 0 6px;
  height: 18px;
}

#viewer .page img {
  margin: 0 auto;
  border-color: silver;
  border-style: solid;
  border-width: 1px;
}

#toolbar .page-input {
  width: 20px;
  margin: 0;
  padding: 3px 2px 1px 2px;
  text-align:center;
  height: 16px;
  border: 1px solid silver;
  background-color: #FFFFFF;
  font-size: 11px;
}
#toolbar .text {
  padding: 0px 2px 0 2px;
  font-size: 12px;
}

#permalink-wrap {
  position: absolute;
  top: 0;
  left: 140px;
  height: 28px;
}

#permalink-wrap .toggled-panel {
  display: none;
  position: absolute;
  z-index: 1100;
  top: 28px;
  left: -149px;
  border: 1px solid #C0C0C0;
  border-left-width: 0px;
  border-top-width: 0px;
  background-color: #EBF4FD;
  padding: 8px 20px;
  width: 310px;
  
  box-shadow: 2px 3px 3px -1px rgba(0,0,0,0.2)
}

#permalink-wrap .btn-close {
  position: absolute;
  right: 4px;
  top: 4px;
  display: block;
  width: 12px;
  height: 12px;
  background: transparent url("/images/icons.png") scroll no-repeat -120px 0;
}

#permalink-wrap input {
  width: 300px;
  padding: 1px;
}




.btn-main {
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  visibility: visible;
  overflow: visible;
  
  border: 1px solid #316e92;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.65);
  
  color: #FFFFFF;
  
  background: #7eb4d5;
  background-color: #7eb4d5;
  
  background-image: -moz-linear-gradient(top,  #7eb4d5 0%, #5896bb 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7eb4d5), color-stop(100%,#5896bb));
  background-image: -webkit-linear-gradient(top,  #7eb4d5 0%,#5896bb 100%);
  background-image: -o-linear-gradient(top,  #7eb4d5 0%,#5896bb 100%);
  background-image: -ms-linear-gradient(top,  #7eb4d5 0%,#5896bb 100%);
  background-image: linear-gradient(to bottom,  #7eb4d5 0%,#5896bb 100%);
  
  -webkit-transition: background-color .1s linear 0s;
  -moz-transition: background-color .1s linear 0s;
  transition: background-color .1s linear 0s;
}

a.btn-main {
  color: #FFF; /* give importance */ 
}
a.btn-main:hover {
  cursor: default;
  text-decoration: none;
}

.btn-main:hover {
  background: #5896bb;
}

.btn-main.active,
.btn-main:active {
  background: #518AAC;
  box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.2);
}



.btn-main.disabled {
  color: #7A7B7C;
  border-color: #8C8F90;
  
  background: #e0e1e2;
  background-color: #e0e1e2;
  background-image: -moz-linear-gradient(top,  #e0e1e2 0%, #a4a5a5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e1e2), color-stop(100%,#a4a5a5));
  background-image: -webkit-linear-gradient(top,  #e0e1e2 0%,#a4a5a5 100%);
  background-image: -o-linear-gradient(top,  #e0e1e2 0%,#a4a5a5 100%);
  background-image: -ms-linear-gradient(top,  #e0e1e2 0%,#a4a5a5 100%);
  background-image: linear-gradient(to bottom,  #e0e1e2 0%,#a4a5a5 100%);
}

.btn-main.disabled:active {
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.65);
}


.toolbar-btn {
  visibility: visible;
  display: inline-block;
  
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  
}

.toolbar-btn:hover {
  border-color: #A5A6A6;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .25);
}

.toolbar-btn:active {
  background-color: #DDDEDE;
  box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, .25);
  border-color: #A5A6A6;
}

.toolbar-btn .btn-icon {
  background: transparent url("/images/icons.png") scroll no-repeat 0 0;
  display: inline-block;
  width: 22px;
  height: 22px;
}

#next .btn-icon { background-position: -72px -21px; }
#begin .btn-icon { background-position: -25px -21px; }
#end .btn-icon { background-position: -49px -21px; }
#previous .btn-icon { background-position: -97px -21px; }
#zoomin .btn-icon { background-position: -121px -20px; }
#zoomout .btn-icon { background-position: -145px -20px; }
#fullscreen .btn-icon { 
  background: transparent url("/images/buttons/view_fullscreen.png") scroll no-repeat 0 2px;
}

#toolbar {
  
  
}

#toolbar .group.center {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  width: 400px;
}

#toolbar .group .group-split {
  display: inline-block;
  width: 1px;
  margin: 4px 8px;
  background: gray;
  height: 20px;
  vertical-align: top;
}

#toolbar .group.left {
  position: absolute;
  left: 0;
  top: 0;
}

#toolbar .btn-group {
  display: inline-block;
  vertical-align: top;
}

#toolbar .field-wrap { vertical-align: top; margin-top: 2px;}

#toolbar .field-wrap input {
  border: 1px solid gray;
  text-align: right;
  padding: 2px 6px;
}

#toolbar .field-wrap select {
  border: 1px solid gray;
  padding: 0;
  width: 70px;
  /*text-align: right;*/
}


#toolbar-status-success {
  margin-right: 20px;
}

#toolbar-container {
  text-align: left;
}





#login-panel {
  display: block;
  margin: 5px 0 4px 0;
  padding-right: 10px;
  float: right;
  position: relative;
  z-index: 100;
}

#login-panel a {
  font-weight: bold;
}

#login-panel .username {
  font-weight: bold;
}






#user-nav {
  position: absolute;
  display: none;
  background: #FFF;
  border: 1px solid gray;
  padding: 5px 20px;
  right: 0;
  top: 100%;
  border-radius: 6px;
  width: 160px;
  margin: 4px 0;
}


#user-nav li a {
  margin: 0 -20px;
  padding: 4px 20px;
  display: block;
}

#user-nav li a:hover {
  background-color: #EEE;
}




#main .share-counters {
  float:right;
  height: 18px;
}

#main .ads-stripe {
  width: 600px;
  float: left;
}

#main .inlined .share-counters {
  margin-top: 6px;
  height: auto;
}

.share-counters .btn-facebook-like {
  display: inline-block;
  float: left;
  width: 100px;
  overflow: hidden;
}

.share-counters .btn-retweet {
  display: inline-block;
  float: left;
  width: 90px;
  overflow: hidden;
}


.modal-alert .ui-dialog-titlebar  {
  display: none;
}


#download-manager-wrap {
  padding-left: 22px;
  margin-top: 10px;
  font-size: 12px;
}