@import 'tabs.css';
@import 'rater.css';

div,a{
tab-index:-1;	
}
html,
body {
  height : 100%;
  overflow-y:auto;
}

body,
td {
  font-family : tahoma, verdana, arial;
  font-size   : .8em;
}

body {
  color       : #000000;
  background  : url('/img/bg.gif') repeat top left #F8F9FB;
  
  margin      : 0px;
  padding     : 0px;
}

img {
  border : 0px;
}

div.Clear {
  clear   : both;
  height  : 1px;
  
  margin  : 0px;
  padding : 0px;
}

.Clear {
  clear   : both;
  
  margin  : 0px;
  padding : 0px;
}

a,
a:link,
a:visited,
a:active,
a:hover {
  color           : #008852;
  font-weight     : bold;
  text-decoration : none;
  text-shadow     : #CCCCCC 0 1px 3px;
}

a:hover {
  text-decoration : underline;
}

form {
  display : inline;
  
  margin  : 0px;
  padding : 0px;
}

h2 {
  color       : #333333;
  font-size   : 1em;
  text-shadow : #CCCCCC 0 1px 3px;
  
  margin      : 0px;
}

h3 {
  color       : #333333;
  font-family : Georgia, serif;
  font-size   : 1.3em;
  text-shadow : #CCCCCC 0 1px 3px;
}

p {
  margin  : 2px 0px;
  padding : 0px;
}

pre {
  font-size : 1.2em;
}

.error {
  color   : #FF0000;
  display : none;
}

.ui-layout-center {
  /*overflow : auto !important;*/
}

#north,
#south,
#center {
  background : #FFFFFF;
  text-align : left;
}

#center {
  width : 995px;
}

#west {
  background : url('/img/ds-left.png') repeat-y top right;
}

#east {
  background : url('/img/ds-right.png') repeat-y top left;
}

#ContentPane {
  overflow-x : none !important;
  overflow-y : auto !important;
}

#LoadingPane {
  background   : url('/img/loading.gif') no-repeat top left #FFFFFF;
  min-height   : 20px;
  
  padding-top  : 0px;
  padding-left : 21px;
}

#Page {
  background : #FFFFFF;
  width      : 995px;
  
  margin     : 0px auto;
}

#Header {
  background   : url('/img/header-bg.png') repeat-x top left #FFFFFF;
  
  border-top   : solid #FFFFFF 1px;
  border-right : solid #FFFFFF 1px;
  border-left  : solid #FFFFFF 1px;
}

#Header #Logo { 
  margin         : 12px 0px 8px 12px;
}

,#Header #Logo {
  vertical-align : top;
  float          : left;
  
  margin         : 12px 0px 8px 12px;
}

#Member {
  float : right;
}

#MemberLogin {
  color      : #000000;
  float      : right;
  text-align : right;
  cursor     : pointer;
  
  margin     : 8px 0px 8px 0px;
  padding    : 4px 8px 2px 8px;
}

#MemberLoginForm {
  color      : #000000;
  float      : right;
  text-align : right;
  font-size  : .8em;
  
  margin     : 8px 0px 8px 0px;
  padding    : 2px 6px 6px;
}

#MemberLoginForm input {
  font-size : 1em;
}

#MemberLoginForm #LoginLoading {
  display : none;
}

#Header #MemberLoginForm .Row {
  padding : 2px;
}

#Header #MemberLoginForm .Row label {
  margin-right : 12px;
}

#frmMemberLogin {
  text-align : right;
}

#frmMemberLogin #LoginSubmit {
  text-align : right;
  
  margin     : 11px 0px 0px 2px;
}

#frmMemberLogin #userid {
  width : 160px;
}

#frmMemberLogin #psswd {
  width : 90px;
}

#Footer {
  background : url('tabs/content_bottom.jpg') #FFFFFF;
  
  padding    : 10px;
}

#Content {
  text-align : left;
  
  padding    : 10px;
}

#KpiPane {
  width : 240px;
  float : right;
}

#KpiPane .Kpi {
  margin : 10px 0px;
}

#KpiPane .Kpi .Value {
  float : right;
}

#ResultsPane {
  min-width : 200px;
  width     : 70%;
  float     : left;
}

#ResultsFilter {
  /*background : #FFFDD6;*/
  float      : left;
  
  margin     : 4px 0px;
  padding    : 6px 6px;
}

#ResultsFilter h2 {
  /*background : #FFE188;*/
  
  padding    : 4px;
}

#ResultsFilter .Filter {
  float : left;
  
  margin-right : 4px;
}

#ResultsFilter .Filter .Control {
  padding : 4px 8px;
}

#RequestResults {
  float    : left;
  overflow : auto;
  
  border-top : solid #F4F5F7 0px;
}

#RequestResults .shelf {
  overflow-x : none;
  overflow-y : auto;
  min-height : 200px;

}

.TabularForm {
  
}

.TabularForm thead tr td {
  background   : url('forms/action-bg.png') repeat-x bottom left #FFC94D;
  font-weight  : bold;
  
  border-color : #CD8D00;
  border-top   : solid #FFE78C 1px;
  border-right : solid #CD8D00 1px;
}

.TabularForm tbody tr td {
  cursor        : default;
  
  padding       : 0px 4px 4px 4px;
}

.TabularForm tbody tr td.Alt {
  background : #F4F5F7;
  
  padding-left : 14px;
}

.TabularForm tbody tr td span.label {
  background   : transparent;
  font-weight  : bold;
  display      : block;
  
  margin       : 4px 0px 0px 0px;
  padding      : 4px 6px;
}

.TabluarResults {
  width       : 95%;
  
  border-top  : solid #B3B2B5 1px;
  border-left : solid #B3B2B5 1px;
}

.TabluarResults thead tr td,
.TabluarResults tbody tr td {
  cursor        : default;
  
  border-right  : solid #B3B2B5 1px;
  border-bottom : solid #B3B2B5 1px;
  padding       : 4px 6px;
}

.TabluarResults thead tr td,
.TabularCell thead tr td {
  background   : url('forms/action-bg.png') repeat-x bottom left #FFC94D;
  font-weight  : bold;
  
  border-color : #CD8D00;
  border-top   : solid #FFE78C 1px;
}

.TabluarResults tbody tr:hover {
  background : #F4F5F7;
}

.TabluarResults tbody tr td {
  
}

.TabularCell {
  width : 100%;
}

.TabularCell thead tr td {
  padding       : 4px 6px;
}

.TabularCell tbody tr td {
  border  : 0px;
  padding : 8px;
}

.RequestResult {
  background    : url(tabs/tab_on.jpg) repeat-x top left #FFFFFF;
  cursor        : default;
  width:		  95%;
  border-right  : solid #B3B2B5 1px;
  border-bottom : solid #B3B2B5 1px;
  border-left   : solid #B3B2B5 1px;
  margin        : 0px 8px 0px 0px;
  padding       : 6px 8px;
}

.RequestResult .Row {
  margin : 4px 0px;
}

.RequestResult .Row .Label {
  font-weight : bold;
  display     : block;
}

.FrmAction {
  background    : url('forms/action-bg.png') repeat-x bottom left #F4F5F7;
  opacity       : 0;
  height        : 0px;
  overflow      : hidden;
  width:		95%;
  border-right  : solid #B3B2B5 1px;
  border-bottom : solid #B3B2B5 1px;
  border-left   : solid #B3B2B5 1px;
  margin        : -1px 8px 0px 0px;
  padding       : 0px 8px;
}

.FrmAction p {
  /*background : #FFE188;*/
  background : #FFFFFF;
  
  border     : solid #DCE0E3 1px;
  margin     : 2px 2px 6px 2px;
  padding    : 4px;
}

.RequestResult:hover {
  background : #F4F5F7;
}

.RequestResult .Importer,
.RequestResult .Campaign,
.RequestResult .MarketAct,
.RequestResult .DateStamp,
.RequestResult .Blank,
.RequestResult .Retailer,
.RequestResult .Volume,
.RequestResult .Location,
.RequestResult .Budget,
.RequestResult .Requested,
.RequestResult .Allocated {
  width : 24%;
  float : left;
}

.RequestResult .VolumePerc {
  width : 24%;
  float : left;
}

.RequestResult .CampaignDescr {
  width : 74%;
  float : left;
}


.RequestResult .CampaignDescr {
  width : 74%;
  float : left;
}

.RequestResult .Importer,
.RequestResult .Campaign,
.RequestResult .MarketAct,
.RequestResult .DateStamp,
.RequestResult .Blank,
.RequestResult .Retailer,
.RequestResult .Volume,
.RequestResult .Location,
.RequestResult .Budget,
.RequestResult .Requested,
.RequestResult .Allocated {
  width : 24%;
  float : left;
}


.FLeft {
  float : left !important;
}

.FRight {
  float : right !important;
}

.CJustify {
  text-align : center !important;
}

.LJustify {
  text-align : left !important;
}

.RJustify {
  text-align : right !important;
}

.W50 {
  width : 49% !important;
}

.BBorder {
  border-bottom : solid #FFE188 1px !important;
}

.Disabled {
  opacity : .60 !important;
  filter  : alpha(opacity=60);
}

.FloatInput {
  float : left;
  postion : absolute;
}

.IconPanel {
  width      : 130px;
  text-align : center;
  float      : left;
  cursor     : pointer;
  
  margin     : 6px;
  padding    : 8px;
}

.QPanel {
  margin : 10px 0px 0px 0px;
}

.QPanel .LabelDigit {
  margin  : 4px;
  padding : 4px 4px 4px 14px;
}

h2.ImporterLabel {
  font-size : 1.7em;
  
  margin    : 0px;
  padding   : 0px;
}

.AutoNum,
.AutoNumCurr {
  text-align : right;
}

.Note {
  background : url('tabs/tab_on.jpg') repeat-x top left #FFFFFF;
  
  border-top : solid #B3B2B5 1px;
  padding    : 12px 8px 8px 8px;
}

.Notify {
  background : #FFE188;
  
  border     : solid #CD8D00 1px;
  margin     : 8px 0px;
  padding    : 6px;
}


.Instructions{
width:100%;	
}

.Instructions ul{
list-style:disc inside url("/img/009_round cyan.png");
padding:1px;
}

.Instructions ul li{
padding:2px;
border-bottom:none;
}

.Instructions div{
width:100%;
padding:1px;
}


button.jqTransformButton span {
  height : 26px;
  white-space:nowrap;
}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
  background : url('forms/select_left.png') no-repeat top left;
  width      : 45px;
  height     : 25px;
  float      : left;
  position   : relative;
}

.jqTransformSelectWrapper div span {
  width       : 14px;
  height      : 25px;
  font-size   : 12px;
  line-height : 15px;
  float       : none;
  position    : absolute;
  overflow    : hidden;
  cursor      : pointer;
  
  padding     : 4px 0px 0px 7px;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
  background : url('forms/select_right.png') no-repeat center center;
  width      : 31px;
  height     : 25px;
  right      : 0px;
  position   : absolute;
  display    : block;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFE188;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height : auto;
	max-height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#000000;
	background-color: #FFE188;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
  color      : #000000;
  background : #FFFDD6;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
  color      : #000000;
  background : #FFFDD6;
}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadio {
  background : url('forms/radio.png') no-repeat center top;
  width      : 17px;
  height     : 16px;
}

#AdminTabHome {
  color              : #F47320;
  
  border-top-color   : #F47320;
  border-right-color : #F47320;
  border-left-color  : #F47320;
}

,#AdminTabHome {
  float : right;
}

ul.tabs {
  margin-bottom : 0px;
}

.content {
  background : url('tabs/content-bg.png') no-repeat bottom left #FFFFFF;
  
  border-top : solid #FFFFFF 1px;
  padding   : 0px;
}

.content p {
  margin  : 0px;
  padding : 4px;
}

.tabbed_area p {
  min-height : 0px;
}

#nyroModalWrapper {
  z-index : 15;
}

#nyroModalBg {
  z-index : 12;
}

#nyroModalWrapper {
  padding  : 0px !important;
}

#nyroModalContent {
  overflow : none !important;
  
  padding  : 5px !important;
}

#ui-datepicker-div {
  z-index : 3000;
  position:absolute;
  left:0px;
  top:0px;
}

.ui-datepicker-multi .ui-datepicker-group { display: inline-block; }
.ui-datepicker-multi .ui-datepicker-group { display: inline; } 

.ui-datepicker .ui-datepicker-header {
  z-index : 3001;	
}

.fileUploadProgressBar {
  background-color : #008852 !important;
}

.fileUploadQueueItem {
  background : #F4F5F7 !important;
  
  border     : solid #B3B2B5 2px !important;
}

.ac_results {
  z-index:3002;
}

#Copyright {
	float:left;
}

#footerLinks {
	float:right;
}

#MemberLoginOnly {
	float:left;
}
#userProfile {
	float:left;
}
}