/*

    Syrox Framework
    
    Generic Admin Interface Style Sheet

*/

/*
    Colours
    -------
  
  Search and replace to change throughout

  Borders= #666
  
  Current Tab Bg= #FFF3B3
  
  Other Tab Bg= #FFFAE1
  Other Tab Bg Rollover= #FFF7CD
  
  Current Tab Text= #000
  Other Tab Text= #666
  Other Tab Text Rollover= #333
  
  Content Bg= #F8F8F8
  
*/

/* 
    Custom tag styles 
    ------------------
*/

@import url('/admin/common/css/buttons.css');



/* ERROR */
.error-outline { border:1px solid #cc0000; margin:auto; margin-top:10px; margin-bottom:10px; width:368px; background:url(/Admin/Images/error-image.gif) no-repeat 33px 50% #ffffff; height:auto; }


.error-outline p {
	margin:0px !important; padding:20px 20px 20px 75px !important; text-align:left;
}

div.clear {
	clear:both; line-height:0pt; font-size:0px; height:0px; /* When a CSS class has an auto height (i.e. line 39, .container), it means that it'll grow in height according to the elements inside it. However, due to cross-browser differences, some browsers will not comply with this rule as they dont take into account floated elements so the DIV is 0px in height effectively. 'div.clear' is an "invisible" DIV which enforces this rule. */
}

/* ******************************** */
/* CSS Cross-browser clear solution */

* html div.clear {
	line-height:0px; .line-height:0px; 
}

div.clear {
	.line-height:0px; 
}

/* CSS Cross-browser clear solution */
/* ******************************** */



a {
   outline: 0;
}
	
	.centerText
	{
		text-align: center;
	}

	.error
	{
		color: Red;
	}

		.errortwo
		{
			color: Red; margin:10px 0px 0px 0px;
		}
	
	.editHeader#main
	{
		height: 27px;
		width: 100%; 
		background-color: #c4cfd7;
	}
	
	.editHeader
	{
		width: 100%; 
		background-color: none;
	}
		
		.editHeader tr, .editHeader tr td
		{
			border:0px none !important;
		}
		
	.editItem { margin: 0px 0px 0px 6px; width: auto; /*border: 1px solid #cccccc;*/ }

		.editItem p { margin:0px 0px 0px 0px; }

	.editItem#noborder { border: 0px none; }
	
	.editHeader#bluebg
	{
		background-color: #99ccff;
	}
		
	.editErrors
	{
		width: 100%; 
		color: Red;
		
	}
	
	table.editErrors, table.editHeader { margin: 0px !important; }
	
	.editErrors td, td ul, td ul li
	{
		color: Red;
		border:0px none !important;
	}
	
/*	.errorpanel { background:transparent url(/Images/layout/error-image.gif) no-repeat scroll 33px 50%; border:1px solid #FF0000; margin:10px auto; width:95%; padding:20px 20px 20px 75px !important; }
*/

	.errorpanel { width:auto; height:auto; }
	
	.errorpanel p { color:#ff0000; padding:20px 20px 20px 0px;}
	
    .label 
    { 
        vertical-align: top;
        padding: 3px; 
        width: 90px;
    }
    .tableHeader
    {
        background-color: #CCCCCC; font-weight: bold;
    }
    .smallTextBox 
    {
        width: 50px;
    }
    .textBox, .textbox-one
    {
        width: 300px;
    }
    .textArea
    {
        width: 300px; height: 51px;
    }
    .largeTextArea
    {
        width: 300px; height: 170px;
    }
    .linkPanel1
    {
        float: left; text-align: center;
    }
    .linkPanel
    {
        float: left; padding-left: 2px;  text-align: center;
    }
    .topPadding
    {
        padding-top: 5px;
    }
    .bottomPadding
    {
        padding-bottom: 5px;
    }
    .fieldPadding
    {
        padding-bottom: 1px;
    }
    .labelPadding
    {
        padding-top: 7px;
    }
        
    .selectBox
    {
        width: 306px; 
        margin-bottom: 1px;
    }
    .fileBox
    {
		width: 374px;
        margin-bottom: 1px;
        height: 19px;
        line-height: 15px;
    }    
    .imagePoolContainer
    {
		border: solid 1px black;
		padding: 10px;
		width: 752px;
    }
	
    .imagePoolPreview
    {
		border: solid 1px black;
		width: 750px;
		height: 148px;
    }
	
    .imagePoolText
    {
		margin-top: 63px;
		margin-left: 14px;
		width: 353px;
		height: 66px;
		overflow: hidden;		
    }
    
    th { padding: 5px; }
	
/*  NEW STYLES 2011  */

a { outline: 0; }

img { border: 0px none; }

	
.topnavarea { position: relative; display: block; width: 100%; padidng: 0px; margin: 0px; float: left; height: 62px; background:url(/admin/images/topnav_bg.gif) 0% 0% repeat-x #010e15; }

#clientlogo { position: relative; height: 62px; padding: 0px; margin: 0px; }

#clientlogo img { height: 62px; padding: 0px; margin: 0px; position: absolute; top: 0px; left: 15px; }

#clientlogo h1 { float: left; font-family: arial; font-size: 21px; color: #FFFFFF; position: absolute; top: 17px; left: 68px; }

#syroxlogo { padding: 0px; margin: 0px; }
#syroxlogo p { position: absolute; top: 0; right: 3px; font-family: arial; font-size: 11px; color: #FFFFFF; padding: 8px 17px 14px 0px; margin: 0px; }
#syroxlogo p.imgright { font-family: arial; font-size: 11px; color: #FFFFFF; padding: 0px; margin: 0px; }
#syroxlogo img { position: absolute; top: 36px; right: 0px; padding: 0px; margin: 0px; }


	.checkBoxListContainer
	{
		width: 400px;
	}

	td.checkBoxListContainer table tr td input
	{
		width: auto;
		margin-right: 5px;
		border: 0;
	}


/* 
    General tag styles 
    ------------------
*/

/* body tag - set page bg colour and padding */

body
{
  padding: 0px;
  margin: 0px;
}

body.generic
{
	background: url(/admin/Images/body_bg_stripone.gif) 0% 0% repeat-x;
}




/* default font and colour */

body, p, ul, li,  a, input, select, textarea 
{
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12px;
  color: #333;
}

/* headings */

h1, h2 {
  font-family: arial; 
  font-size: 21px; 
  color: #333333;
  font-weight: bold;
}

h2 { font-size: 120%; }

/* all blocks should not have margin above - only below */

h1, h2, h3, p {
  margin: 0 0 10px 0;
}

h2.text-heading { color:#666666; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-weight:bold; line-height:20px; margin:0px; }

div.clear
{
	margin:0px; padding:0px; clear:both; line-height:0px; height:0px; width:0; font-size:0px; background:#900; overflow: hidden;
}

/* ******************************** */
/* CSS Cross-browser clear solution */

* html div.clear {
	line-height:0px; .line-height:0px; 
}

div.clear {
	.line-height:0px; 
}

/* CSS Cross-browser clear solution */
/* ******************************** */



/*
    Misc. Furniture
    ---------------
*/   

/* boxed note */

p.note
{
  padding: 5px;
  background: #EEE;
  border: 1px solid #a3b3bb;
}

/* info - floats to right of tabs */

div.info
{
  position: relative;
  z-index: 10;
  float: right;
}

div.info a
{
  margin-left: 5px;
}

/* tweak for forms - don't line break */

form { margin: 0; padding: 0;}

/* break for clearing floats - still need to specify clear */

br.clear { line-height: 0; }

/* general purpose floats with margin */

div.left 
{
	position: relative;
	float: left;
	margin: 0 10px 0 0;
}

div.right
{
	position: relative;
	float: right;
	margin: 0 10px 0 10px;
}


/* image styles */

img.thumbnail 
{
   float: left;
   /*margin-left: -3px;*/
   padding: 0; 
   background-color:#FFF; 
   border: 1px solid #CCC;  
}

img.thumbnailhighlighted 
{
  float: left; 
  padding: 0;  
  background-color:#FFF; 
  border: 2px solid #FFF3B3;
}

/* 
    Tab strip styles
    ----------------
*/

.headerarea {
	width:auto; height:auto; position:relative; 		
}

	.widerareadiv { width: expression(document.body.clientWidth < 1135? "1235px" : document.body.clientWidth > 1137? "100%" : "auto"); min-width:1235px; max-width:auto; padding:0px; }



div.tabstripmainnav 
{
  font-weight: bold;
  float: left;
  width: 100%;
  display:block;
  height:27px;
  padding:0px;
  overflow:hidden;
}

* html div.tabstripmainnav 
{
  height: 27px;
}

div.tabstripmainnav ul 
{
  margin: 0px;
  padding: 0px;
  height:27px; 
  display:block;
  background:url(/admin/images/subnav_bg.gif) 0% 0% repeat-x #052539;
}

div.tabstripmainnav ul li
{
  display: block;
  margin: 0px 1px 0px 0px;
  float: left;
   height:27px;
  background:url(/admin/images/test1.gif) 100% 0% no-repeat;
}

div.tabstripmainnav ul li span
{
  padding: 0px;
  height:27px; display:block; float:left;
}

div.tabstripmainnav ul li a
{
  margin: 0px;
  text-decoration: none;
  color: #FFFFFF;
  padding: 7px 15px 7px 15px;
  background:url(/admin/images/subnav_bg.gif) 0% 0% repeat-x #052539;display: block;
}

div.tabstripmainnav ul li a:hover, div.tabstripmainnav ul li.current a, .tabstripmainnav ul li.current a:hover {
  color: #333333;
  background:url(/admin/images/test.gif) 0% 0% no-repeat;
}


div.tabstripmainnav ul li.first a
{
}


div.tabstripsubnav 
{
  font-weight: bold;
  float: left;
  width: 100%;
  display:block;
  height: 27px;
  padding:0px;
  overflow:hidden;
  background:url(/admin/images/subsubnav_bg.gif) 0% 0% repeat-x #3cbdda;
}

/** html div.tabstripsubnav 
{
  height: 29px;
}*/

/*.content div.tabstripsubnav 
{
  padding:0px 0px 0px 0px;overflow:hidden;
}*/

div.tabstripsubnav ul 
{
  margin: 0px;
  padding: 0px;
  height:27px; 
  display:block;
}

div.tabstripsubnav ul li
{
  display: block;
  padding: 5px 15px 9px 15px;
  float: left;
  height: 13px;
}

div.tabstripsubnav ul li a
{
  margin: 0px;
  text-decoration: none;
  color: #333333;
  padding: 0px;
}

div.tabstripsubnav ul li a:hover {
  color: #FFFFFF;
}

div.tabstripsubnav ul li.current a, .tabstripsubnav ul li.current a:hover
{
  color: #FFFFFF;
}

div.tabstripsubnav ul li.first a {
}

/* 
    Tab content 
    -----------

    follows a tab strip 
*/

div.tabcontentmainnav { margin: 0px; padding: 0px; }

.newcontentwrapper { clear: both; height: auto; width:auto; background-color: #FFF; margin: 0px; padding: 0px; position:relative; padding:0px 0px 0px 280px; }

.widertree { padding-left:350px !important; }

div.tabcontentsubnav { clear: both; width: auto; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; position:absolute; top:0px; left:0px;}

div#no-space { padding-top:0px; border-top:0px; width:100%; float:none; position:relative; top:auto; left:auto; }

div.tabcontentmainnav#no-space
{
    /*clear: both; width: auto; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; */
}


/*
    Content
    -------
    
    General content div on a page
*/

div.content, body.content { clear: both; margin: 0px; padding: 5px 13px 0px 13px; width: auto; height: auto; }


.homepagearea { width:955px; min-height:400px; height:auto !important; height:400px; margin:auto; padding:0px 0px 5px 0px; float:left; }

.homepagearea a img { border:0px; }

/* Home page - What's been done */

.homepagearea .hometopleft {
	float:left; width:635px; min-height:315px; height:auto !important; height:315px;
}

.homepagearea .hometopright {
	float:right; width:315px; min-height:155px; height:auto !important; height:155px;
}

.homepagearea .hometopright a {
	display:block; width:315px; height:155px; 
}

.homepagearea .hometopright a.toplink {
	margin:0px 0px 5px 0px;
}

.homepagearea .homebottom {
	margin:auto; width:955px; min-height:155px; height:auto !important; height:155px; padding:2px 0px 0px 0px;
}

.homepagearea .homebottom a {
	display:block; width:315px; height:155px; float:left; 
}

.homepagearea .homebottom a.middlelink {
	margin:0px 5px 0px 5px;
}

/* Home page - What's been done */


/* 
    Page actions
    ------------

    A list of button links in a boxed div 
*/

div.pageactions
{
  border: 1px solid #a3b3bb;
  z-index: 10;
  padding: 6px 2px;
  margin: 0 0 10px 0;
  background: #EEE;
}

div.pageactions ul
{
  text-align: right;
  margin: 0;
  padding: 0;
}

div.pageactions ul li
{
  display: inline;
  list-style-type: none;
}

div.pageactions ul li a
{
  text-decoration: none;
  margin-left: 2px;
  padding: 5px;
  color: #333;
}

div.pageactions ul li a:hover
{
  padding: 4px;
  border: 1px solid #a3b3bb;
  background-color: #FFF3B3;
}

div.pageactions ul li a.highlighted
{
  font-weight: bold;
}

/* 
    Action links
    ------------

    are just <a href='' class='action></a>
    inline with text, can be placed in a form table etc
*/

a.action
{
  display: -moz-inline-box;
  display: inline-block;
  z-index: 10;
  padding: 5px;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #a3b3bb;
  background-color: #cccccc;
}

a.action:hover
{ background-color:Transparent;
}

/*

    Tables
    ------

    styles for several table layouts
    note that for IE, tables must have and cellspacing='0'
	
*/


/* simple list with alternating even and odd rows */

body.generic table
{
  padding: 0;
  margin-bottom: 10px;
}

	body.generic table
	{
	  padding: 0;
	  margin-bottom: 0px;
	}
	
body.generic table tr td
{
  padding: 5px;
  border:0px none;
  border-right:1px #ffffff solid;
  border-bottom:1px #ffffff solid;
}
	
	body.generic table tr td input[type="checkbox"] {
		margin:0px 5px 0px 0px; padding:0px; height:13px; width:13px;
	}

	
	body.generic table.nobordertable tr td
	{
	  border:0px none !important;
	}
	
		body.generic table.ordertable tr td
		{
		  border:0px none !important;
		  padding-top:2px; padding-bottom:2px; vertical-align:middle;
		}
	
body.generic table tr.header td
{
  background-color: #C4CFD7;
  padding: 8px 5px;
}

body.generic table tr th
{
  background-color: #C4CFD7;
  padding: 8px 5px;
  border:0px none;
  border-right:1px #ffffff solid;
  border-bottom:1px #ffffff solid;
}

	table.nobordertable tr th
	{
	  border:0px none !important;
	}
	
body.generic table tr.even td { background-color: #FFF; }
body.generic table tr.odd td { background-color: #EEE; }
body.generic table tr.highlighted td { background-color: #FFF3B3; } 

body.generic table span.arrows {
	padding-left: 10px;
}

body.generic table span.arrows a {
	font-family: Webdings;
	font-size: 10px;
	text-decoration: none;
}

body.generic table span.arrows a.current {
	color: #FFF3B3;
}

	
.RadEditor table, .RadEditor table td {
	  border:0px none !important;
	  padding:2px 2px 2px 2px !important;
}

/* form table with labels and input fields */

table.form 
{
  /*border: 1px solid #a3b3bb; */
  padding: 0;
  border-spacing: 0;
}

table.form tr td 
{
  background-color: #fff;
  text-align: left;
  padding: 5px;
}

td.checkbox table tbody tr td 
{
  border-width:0px !important;
  border-style:none !important;
}

table.form tr td.select input 
{
	width:382px !important;
}

table.form tr td.right
{
  text-align: right;
}

table.form tr td.center, table.form tr td.centre
{
  text-align: center;
}

table.form tr.header td
{
  background-color: #DDD;
  border-bottom: 1px solid #a3b3bb;
  padding: 8px 5px;
}

table.form tr td.label, table.form tr td.labelinput, table.form tr td.labelselect
{
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  background-color: #FFF;
  border-right: 1px solid #a3b3bb;
}

table.form tr td.label 
{
	padding-top: 5px; 
}
table.form tr td.labelinput 
{
  padding-top: 11px;
}
table.form tr td.labelselect
{
  padding-top: 8px;
}

table.form tr td.labeltop 
{
	background-color: #FFF;
	border-bottom: 1px solid #a3b3bb;
}



table.form tr td input, table.form tr td textarea, table.form tr td .readonly
{
  width: 400px; 
  border: 1px solid #CCC;
  padding: 4px; 
  text-align: left;
}

table.form tr td select
{
  width: 410px;
  height: 24px;
  border: 1px solid #CCC;
  padding: 4px; 
}

table.form tr td select input
{
  width: 381px !important;
}

table.form tr td input.smalltextbox 
{
  width: 100px; 
}
table.form tr td input.rightaligned
{
  width: 100px;
  text-align: right;
}

table.form tr td input.checkbox, table.form .checkbox input, table.form input.radio, table.form .radio input
{
   width: auto; border: none;
} 
table.form tr td textarea { height: 60px; }



.initial-images p {
	 color:#ffffff;
}



/* debugging borders - uncomment these to show borders around objects */

/*
div { border: 1px solid #F00; }
div div { border: 1px solid #0F0; }
div div div { border: 1px solid #00F; }
div div div div { border: 1px solid #F0F; }
div div div div div { border: 1px solid #0FF; }
div div div div div div { border: 1px solid #FF0; }
ul { border: 1px dotted #F00; }
li { border: 1px dotted #0F0; }
a { border: 1px dotted #00F; }
*/



.label-div
{
	margin-right: 5px;
	border:none;
	 float:left;
}

.zoom-image
{
	cursor:pointer;
}

.unselected-normal {
	 background-color:#CCCCCC; height:139px; float:left; margin:0px 5px 5px 0px; background:url(../../Images/admin-backgrounds/pattern.gif) #cccccc;
}

.unselected-normal img {
	border:2px solid #ffffff; margin:4px 4px 4px 4px;
}

.unselected-normal p {
	 margin:0px; color:#000000; line-height:11pt; cursor:default; font-size:10px; padding:2px 5px 0px 5px; border-top:1px solid #ffffff;
}


.selected-normal {
	 background-color:#CCCCCC; height:139px; float:left; margin:0px 5px 5px 0px; background:url(../../Images/admin-backgrounds/pattern.gif) #0099ff;
}

.selected-normal img {
	border:2px solid #ffffff; margin:4px 4px 4px 4px;
}

.selected-normal p {
	 margin:0px; color:#000000; line-height:11pt; cursor:default; font-size:10px; padding:2px 5px 0px 5px; border-top:1px solid #ffffff;
}


.disabled-normal {
	 background-color:#FF0000; height:139px; float:left; margin:0px 5px 5px 0px; background:url(../../Images/admin-backgrounds/pattern.gif) #FF0000;
}


.disabled-normal img {
	border:2px solid #ffffff; margin:4px 4px 4px 4px;
}

.disabled-normal p {
	 margin:0px; color:#000000; line-height:11pt; cursor:default; font-size:10px; padding:2px 5px 0px 5px; border-top:1px solid #ffffff;
}

a.uploadbtnav { background: url(../Images/new-buttons/upload.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.cancelletnav { background: url(../Images/new-buttons/cancel.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; float:right; }

a.cancelbtnav { background: url(../Images/new-buttons/delete.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.clearselbtnav { background: url(../Images/new-buttons/update.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.clearbtnav { background: url(../Images/new-buttons/clear.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.selectallbtnav { background: url(../Images/new-buttons/complete.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.nextbtnav { background: url(../Images/new-buttons/next.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; margin-right:11px; float:right;height:15px; width:auto; }

a.backbtnav { background: url(../Images/new-buttons/previous.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; margin-right:20px; float:left; height:15px; width:auto; }

a.renamebtnav { background: url(../Images/new-buttons/edit.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.previewbtnav { background: url(../Images/new-buttons/preview.gif) no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

a.browsebtnav { background: no-repeat 0 4px; padding:8px 4px 6px 26px; display:block; float:left; height:15px; width:auto; margin-right:10px; }

#cancelqueuebt { background: url(/images/cancel.png) no-repeat 0 4px; padding:4px 4px 4px 30px; display:block; float:left;  }


table#reportsDiv ul li { list-style-type:none; }

.content ul li { list-style-type:none; }


span.Stylish {
	padding:0px 0px 0px 0px; vertical-align:middle;
}

.RadUploadTable { }

input.RealFileInput {
left:37px !important;
top:5px !important;
}

.rcbSlide .RadComboBoxDropDown { .left:2px !important; } 

.loggin
{
	position:absolute; top:8px; right:10px;
}

.loggin p
{
	color:#ffffff;
	position:relative;
}

.loggin p a
{
	color:#FFFFFF;
}

.loggin p a:hover
{
	color:#CCCCCC;
}

.loggin a:visited
{
	color:#FFFFFF;
}

/* */

.country-column {
	width:71px !important; height:24px; margin:auto; text-align:center; 
}

.country-column input {
	width:30px !important;
}

.country-column span {
	width:60% !important; float:left; text-align:center;
}

.country-column#shorter {
	width:60px !important; height:24px; margin:auto;
}

.country-column#shorter span {
	width:50% !important; float:none; text-align:right;
}

.country-column#shorter span input {
	margin:0px !important; width:16px; height:16px;
}

.country-column span p {
	float:none !important; width:100% !important;
}

.country-column span span {
	margin:0px !important;
}

.country-column span span input {
	margin:0px 10px 0px 0px !important;  height:16px; width:16px;
}

.country-column span input.checkbox {
	margin:0px !important;  height:16px; width:16px;
}

.country-column p {
	float:left; padding:0px 0px 0px 4px; margin:0px !important; text-align:center;
}

.country-on .country-column p {
	float:left; padding:3px 0px 0px 4px; margin:0px !important; text-align:center;
}

.country-on .country-column div p {
	padding:0px 0px 0px 4px;
}

.country-on#off .country-column p {
	padding:0px 0px 0px 4px !important;
}

.country-on .country-column span.checkbox {
	padding:2px; height:18px; width:18px; display:block; float:left;
}

.country-on .country-column span.checkbox input {
	margin:3px !important; width:18px; height:16px;
}

/* */

/* Dashboard - Default */

.dashboard-container { width:auto; height:auto;}

.dashboard-heading { width:auto; height:auto; padding:0px; }

.dashboard-heading h2 { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000000; }

.dashboard-heading p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; }

.dashboard-left-blocks { position: absolute; top: 80px; left: 10px; width:289px; padding:0px 5px 0px 0px; min-height:100px; height:auto !important; height:200px; float:left; }

.dashboard-left-block { width:287px; margin:0px 0px 15px 0px; height:auto; float:left; border:1px solid #c4cfd7; background-color:#FFFFFF; }

.dashboard-left-block .tabstripsubnav { padding:0px 0px 0px 10px !important; }

.dashboard-left-block p { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.dashboard-left-block-header { background-color:#c4cfd7; padding:3px 5px 3px 5px; height:auto; width:auto; }

.dashboard-left-block-header p { color:#333333; font-weight:bold; margin:0px; }

.dashboard-left-block-content { width:267px; height:auto; padding:10px; }

.dashboard-left-block#ga-infoblock { margin:0px; }

.dashboard-left-block-content#ga-info { min-height:154px; height:auto !important; height:154px; }

.dashboard-left-block-content p { color:#000000; line-height:15px; }

.dashboard-left-block-content p span { font-weight:bold; }

.dashboard-left-block-content p.amount { font-weight:bold; margin:0px; width:66px; float:left; text-align:center; line-height:18px; }

.dashboard-left-block p.amounttwo { font-weight:bold; margin:0px; width:132px; float:left; text-align:center; line-height:18px; }

.dashboard-main { position: absolute; top: 80px; left: 320px; width:1000px !important; float:left; background-color:#e8ebed; border:1px solid #a3b3bb; height:auto; min-height:598px; height:auto !important; height:598px; }/**/

.dashboard-main div. .exampleWrapper { background:none; }

.dashboard-main .search-terms-table { border:1px solid #a3b3bb; border-top:0px; }

.search-terms-table { width:auto; height:auto; }

.search-terms-table#currency-table { background-color:#E8EBED; } 

.search-terms-table p { font-size:12px; color:#000000; margin:0px; float:left; padding:2px 5px 2px 5px; }

.search-terms-table .search-terms-thead p { font-size:12px; color:#000000; margin:0px; float:left; padding-top:3px; }

.search-terms-table#currency-table p { width:61px; text-align:center; display:block; height:14px; }

.search-terms-table#subs-table p { width:133px; text-align:center; display:block; }

.search-terms-table#currency-table .search-terms-row p { padding:2px 5px 2px 5px; }

.search-terms-table p.amount { text-align:center; width:66px; }

.search-terms-table p.amountTwo { text-align:center; width:182px; }

.search-terms-table p.amountThree { text-align:center; width:110px; }

.search-terms-thead { width:auto; height:19px; background:#dee4e9 url(/admin/Images/search-terms-thead-bg.gif) repeat-x 0px 0px; }

.search-terms-thead p { font-weight:bold; font-size:11px !important; text-align:center; }

.search-terms-table p.terms-column { width:105px; text-align:left; }

.search-terms-table p.results-column { width:95px; text-align:left; }

.search-terms-row { width:auto; min-height:18px; height:auto !important; height:18px; background-color:#E8EBED; }

.search-terms-row p { width:auto; height:auto; line-height:15px; }

.search-terms-row#white-row { background-color:#ffffff; }

.search-terms-row#blue-row { background-color:#e8ebed; }

/* SEARCH PANEL */

.top-search-panel { /*border:1px solid #c4cfd7;*/ width:100%; height:auto !important; height:30px; padding:0px; float:left; }

.top-search-panel .search-panel-heading { width:auto; height:21px; padding:6px 6px 3px 6px; background-color:#ecac1d; margin: 0px 0px 1px 0px; }

.top-search-panel .search-panel-heading h2 { color:#000000; font-weight:bold; font-size:12px; margin:0px; font-family:Arial, Helvetica, sans-serif; }

.search-panel-main { padding:4px 215px 4px 4px; width:auto; height:auto; background-color:#f4e8ce; overflow:hidden; position:relative; margin: 0px 0px 2px 0px;  }

.search-panel-main .RadPicker { float:left; }

.search-panel-main#grey-panel { background-color:#E8EBED; }

.search-panel-main .searchoptioncol { width:180px; height:auto; float:left; margin-bottom:0px; height:50px; }

.search-panel-main .searchoptioncol#prodopt { width:180px; }

.search-panel-main .searchoptioncol#sortopt { width:220px; }

.search-panel-main .searchoptioncol p.searchoption-label { margin:0px; font-weight:bold; color:#000000; margin-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; display:block; float:left; }

.search-panel-main .searchoptioncol p.searchoption-label span { font-weight:normal; float:left; padding-right:4px; }

.search-panel-main .searchoptioncol input.searchbox { width:140px; padding:2px 4px 2px 4px; border:1px solid #616161; height:17px; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; *height:19px; *margin-top:-1px; }

.search-panel-main .searchoptioncol input.searchbox:hover {border: 1px solid #c98400; color:#882501;}

.search-panel-main .searchoptioncol input.searchbox:focus {border: 1px solid #CA4B0C; color:#882501;}




.search-panel-main .searchoptioncolWide { width:210px; height:auto; float:left; margin-bottom:10px; }

.search-panel-main .searchoptioncolWide#prodopt { width:180px; }

.search-panel-main .searchoptioncolWide#sortopt { width:220px; }

.search-panel-main .searchoptioncolWide p.searchoption-label { margin:0px; font-weight:bold; color:#000000; margin-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; display:block; float:left; }

.search-panel-main .searchoptioncolWide p.searchoption-label span { font-weight:normal; float:left; padding-right:4px; }

.search-panel-main .searchoptioncolWide input.searchbox { width:140px; padding:2px 4px 2px 4px; border:1px solid #768ca5; height:16px; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; }


select.search-dropdown, select.selectBox { border:1px solid #768ca5; height:22px; padding:1px; margin:0px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:152px; }

select.search-dropdown:hover {border: 1px solid #c98400; color:#882501;}

select.search-dropdown:focus {border: 1px solid #CA4B0C; color:#882501;}

select.typedropdown { width: 305px; }

.search-panel-main .searchoptioncol .RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput { height:18px; font-family:Arial, Helvetica, sans-serif; }

.search-panel-main .searchoptioncol#date-range { width:375px; margin-bottom:0px; }

.search-panel-main .searchoptioncol#date-range .searchoption-label select { height:18px; margin:0px; padding:0px; float:left; }

.search-panel-main .searchoptioncol#date-range .date-from div { float:left; }

.date-from { width:195px; height:auto; float:left; padding-bottom:3px; }

.date-from#date-to { width:175px; }

.search-panel-main .searchoptioncol span.date-label { font-weight:bold; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; display:block; float:left; padding-right:7px; line-height:20px; }

.search-panel-main .searchoptioncol#date-range-orders { width:420px; margin-bottom:0px; }

.search-panel-main .searchoptioncol#date-range-orders .date-from { width:210px; }

.searchpanel-buttons { position:absolute; bottom:9px; right:9px; height:25px; }

.searchpanel-button { float:right; width:93px; height:25px; margin:2px 0px 0px 0px; }

.searchpanel-button a { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; }

.searchpanel-button#search-go {  width:123px; margin:0px 0px 0px 20px; }

.grey-block { width:100%; min-height:31px; height:auto !important; height:31px; background-color:#C4CFD7; float:left; margin: 0px 0px 2px 0px; /*border:1px solid #c4cfd7;*/ position:relative; padding:5px 0px 5px 0px;}

	.ordertreatment { min-height:63px; height:auto !important; height:63px; }
	
.grey-block ul { margin:0px; padding:0px; float:right;  height:auto; width:auto; display:block; }

.grey-block .displayimg-option { width:auto; height:21px; position:absolute; left:8px; top:13px; }

	.grey-block .displayimg-option p { margin:0px; }
	
.grey-block .displayimg-option span { line-height:18px; float:left; display:block; padding:0px 5px 0px 5px; }

.grey-block .displayimg-option span.display-image-chkbox { float:left; margin:0px; padding:0px; width:13px; height:13px; margin-top:3px; display:block; }

.grey-block .displayimg-option span.display-image-chkbox input { margin:0px; padding:0px; height:13px; width:13px; }

/*.grey-block { width:100%; float:right; min-height:33px; height:auto !important; height:33px; margin-bottom:3px; }

.grey-block ul { margin:0px; padding:0px; float:right; border:1px solid #c4cfd7; height:auto; background-color:#e8ebed; width:100%; display:block; }
*/
.grey-block ul li { list-style-type:none; float:right; min-height:21px; height:auto !important; height:21px; padding:5px 0px 5px 0px; line-height:21px; }

.grey-block ul li a { display:block; float:left; height:21px; width:auto; margin:0px 3px 0px 0px; }

.grey-block ul li a.linkbutton { position:absolute; top:0px; left:15px; display:block; height:21px; width:21px; margin:0px 0px 0px 0px; position:relative; }

.grey-block ul li a.linkbutton img { float:left; }


.grey-block ul li a.linktext { margin:0px 0px 0px 0px; padding-right:5px; padding-left:20px; line-height:21px; }

.grey-block ul li.invoiceli { margin:0px 3px 0px 3px; line-height:16px; height:16px; }

.grey-block ul li.invoiceli input { padding:0px; margin:2px 6px 0px 0px; height:13px; width:13px; float:left; }

.grey-block ul li.invoiceli td { padding-left:15px; }

.grey-block ul.grey-block-left { float:left; width:40%; }

.grey-block ul.grey-block-left li { float:left; }


/*.grey-block#grey-block-skus { width:39.5%; float:left; }

.grey-block#grey-block-skus ul { float:left; width:100% }

.grey-block#grey-block-skus ul li { float:left; min-height:21px; height:auto !important; height:21px; }

.grey-block#grey-block-skus ul li.fuploadinput { margin-left:10px; }

.grey-block#grey-block-skus ul li.uploadmsgli { width:100%; }

*/
.grey-block .uploadmsg {  position: absolute; left: 10px; top: 26px; border: solid 1px #FF0000; color:#FF0000; background:#ffffff; margin:0px; padding:10px; width:253px; }

/*.grey-block#edit-page-links { width:60%; }*/

.pagination { width:100%; height:auto; /*min-height:26px; height:auto !important; height:26px;*/ background-color:#c4cfd7; }

.pagination-inner { width:auto; height:auto; float:right; padding:2px 0px 1px 10px; margin-top:1px; }

.pagination-inner#grid-stats { width:auto; }

.pagination-inner#grid-stats span { float:right; }

.pagination-inner span{ line-height:18px; float:left; display:block; padding:0px 2px 0px 5px; line-height:22px; }

.pagination-inner#no-of-items { width:100px; }

.pagination-inner#no-of-items select { border:1px solid #768CA5; height:22px; padding:1px; width:55px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.pagination-inner#jump-to-page { width:160px; padding-top:1px; }

.pagination-inner#go-to-page { width:auto; }

.pagination-inner#go-to-page div { float:left; }

.pagination-inner#jump-to-page input.pageno { border:1px solid #768CA5; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:14px; padding:2px 4px; width:22px; margin:0px 5px 0px 0px; text-align:center; }

.pagination-inner#jump-to-page input { float:right; padding:0px 4px 0px 4px; margin:0px; font-size:11px; width:53px; }

.pagination-inner#jump-to-page a { float:left; text-decoration:none; margin-left:5px; line-height:18px; }

.pagination .pagination-pagenos-right { width:auto; height:31px; float:right; }

.pagination-pagenos-right ul { margin:0px; padding:0px; margin-right:5px; }

.pagination-pagenos-right ul li { float:left; padding-left:2px; list-style-type:none; line-height:31px; }

.pagination-pagenos-right ul li { color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.pagination-pagenos-right ul li a { color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; }



/*.RadGrid_Default .rgFilterBox { float:left !important; }

.RadGrid_Default .rgFilter { float:left !important; }

span.RadInput_Default { float:left !important; }

*/

span.priceWas { text-decoration:line-through; padding-right:10px; display:inline !important; }

span.priceNow { color:#ff0000 !important; display:inline !important; }





/* PRODUCTS - EDIT PANEL */

.newcontentpanelholder { display: block; margin: 0px 0px 0px 0px; padding: 3px 4px 3px 4px; border: 1px solid #CCCCCC; position:relative;}

	
	.widerncph { width: expression(document.body.clientWidth < 1282? "1030px" : document.body.clientWidth > 1287? "100%" : "auto"); min-width:1035px; max-width:100%; padding:0px; }

		.widerncph .widermargin { margin: 3px 4px 3px 4px; }

	
	
	

.pageheadertext { display: block; width: auto; margin: 3px 0px 10px 0px; padding: 0px;}

div.tabstripsubnav#editnavigation {	font-weight: bold; float: left; width: 254px; display:block; height: 281px; padding:0px; margin: 0px 26px 0px 0px; overflow:hidden; background: none;}

#editnavigation ul li { display: block; float: left; height: 27px; padding: 0px; }

ul.editnavigation {	background-color: #CCC;	width: 254px; height: 27px; padding:0px; margin: 0px; list-style: none outside none; margin: 0; padding: 0; display:block;
}
	
ul.editnavigation li { background: none repeat scroll 0 0 #e8ebed; margin: 0 0 1px 0px; display:block; width: 254px; height: 27px; }

#editnavigation a:hover { background-color:#c4cfd7; color:#000000; } 

#editnavigation ul li.current a, #editnavigation ul li.current a:hover { background-color:#c4cfd7; color: #000000; }

#editnavigation a { display:block; height:27px; margin-bottom:1px; padding-left:10px; background-color:#e8ebed; text-decoration:none; color:#000000; line-height:27px; font-size:12px; font-family: arial; } 

#editnavigation .editheader { font-weight: normal; padding-left:10px !important; font-family: arial; font-size: 16px; color: #333333; line-height:27px; }

.top-search-panel .search-panel-heading-product { width:auto; height:23px; padding:4px 6px 3px 6px; background-color:#c4cfd7; line-height: 22px; }

.top-search-panel .search-panel-heading-product h2 { color:#000000; font-weight:normal; font-size:12px; margin:0px; font-family:Arial, Helvetica, sans-serif; line-height: 23px; }

.boxcontainer { height: auto;
    overflow: hidden;
    width: auto; border: 1px solid #CCCCCC; margin: 0px 0px 0px 0px;  padding: 0px 0px 10px 0px;}
.boxcontainer .boxes {  }
.boxesimg { width: auto; height: 273px; float:left; margin:5px; cursor:move; padding:5px; border:1px solid #A3B3BB; }

/* SEARCH PANEL AREA */

.newsearchpanelarea { float: left; width: 100%; margin: 0px; padding: 0px; }

.newsearchsubpanelarea { float: left; width: 100%; margin: 0px; padding: 0px; }

.greyblocknewbtns { position:absolute; top:8px; right:9px; }

	.leftposition { right:auto; left:0px; }
	
.greyblocknewbottombtns { position:absolute; top:300px; right:9px; }

.searchpanelnew { width:auto; float:left; display:block; margin-right:215px; }
	
	.productdropdowns {  }
		
		.productdropdowns .searchoptioncol { width:170px; }
		
/* NEW PANEL */

.form#newproduct { float: left; width: auto; }

.newproductbtn { float: left; width: 151px; }


/* NEW LIST STYLES 3RD TIER */

.tabstripsubnavplain { float: left; width: 100%; margin: 0px; padding:0px; overflow:hidden; }
	
.tabstripsubnavplain ul { margin: 0px; padding: 0px; }

.tabstripsubnavplain ul li { padding: 0px 15px 0px 0px; float: left; }

.tabstripsubnavplain ul li a { margin: 0px; text-decoration: none; color: #FFFFFF; padding: 0px; font-weight:bold; }

.tabstripsubnavplain ul li a:hover { color: #666666; }

.tabstripsubnavplain ul li.current a, .tabstripsubnavplain ul li.current a:hover { color: #000000; }

.tabstripsubnavplain ul li.first a {
}

/* CATALOG */

.tabstripsubnavnobg { float: left; width: 100%; margin: 0px 0px 10px 0px; padding:0px; overflow:hidden; }
	
.tabstripsubnavnobg ul { margin: 0px; padding: 0px; }

.tabstripsubnavnobg ul li { padding: 0px 15px 0px 0px; float: left; list-style-type: none; display:inline; }

.tabstripsubnavnobg ul li a { margin: 0px 15px 0px 0px; text-decoration: none; color: #333333; padding: 0px; font-weight:bold; }

.tabstripsubnavnobg ul li a:hover { color: #666666; }

.tabstripsubnavnobg ul li.current a, .tabstripsubnavnobg ul li.current a:hover { color: #000000; }

.tabstripsubnavnobg ul li.first a {
}


	
/* RECOMMENDED PANEL */



.ui-droppable div:hover { }
.ui-droppable div.selected:hover { }
.ui-droppable div { }



/** html div.tabstripsubnav 
{
  height: 29px;
}*/

/*.content div.tabstripsubnav 
{
  padding:0px 0px 0px 0px;overflow:hidden;
}*/

div.tabstripsubnavdash ul 
{
  margin: 0px; padding: 0px; height:27px; display:block;
}

div.tabstripsubnavdash ul li
{
  display: block; padding: 5px 15px 9px 15px; float: left; height: 13px;
}

div.tabstripsubnavdash ul li a
{
  margin: 0px; text-decoration: none; color: #FFFFFF; padding: 0px;
}

div.tabstripsubnavdash ul li a:hover {
  color: #ffffff;
}

div.tabstripsubnavdash ul li.current a, .tabstripsubnavdash ul li.current a:hover
{
  color: #333333;
}

div.tabstripsubnav ul li.first a {
}

div.tabcontentsubnavdash
{
  float: left; width: 100%; background-color: #F0F0F0; margin: 0px 20px 0px 0px; padding: 0px;
}

/* LOGIN PANEL */
.loginPage {  background:url(/admin/images/login_bg_main.gif) 0% 0% repeat-x #0099cc !important; }
.topnavarealogin { display: block; width: 100%; margin:0px auto; float: left; height: 100%; background:url(/admin/images/login_bg_main.gif) 0% 0% repeat-x #0099cc; }

.tabcontentmainnavlogin { clear: both; width: 396px; text-align: center; margin:0px auto; padding: 0px; }

.loginlogo { float: left; width: 381px; text-align: left; padding: 69px 0px 0px 15px}

.logintopadmin { margin:0px; padding: 0px; float: left; height: 25px; width: 396px; background:url(/admin/images/logintop_bg.png) 0% 0% no-repeat;}

.loginmidouter { margin:0px; padding: 0px 30px 30px 30px; float: left; height: auto; width: 336px; background:url(/admin/images/loginmid_bg.png) 0% 0% repeat-y;}

	.loginmidinner { float: left; width: 336px; text-align: left;}

.loginbtmadmin { margin:0px; padding: 0px; float: left; height: 23px; width: 396px; background:url(/admin/images/loginbtm_bg.png) 0% 0% no-repeat;}

p.loginhelptext { font-family: arial; font-size: 14px; color: #555555; margin:0px; padding: 5px 0px 0px 0px; }
	
	p.loginhelptext a { font-family: arial; font-size: 14px; color: #555555; margin:0px; padding: 5px 0px 0px 0px; }
	
	p.loginhelptext a:hover { color: #888888; }

p.login { font-family: arial; font-size: 25px; color: #666666; margin:0px; padding: 0px;}

p.loginp { font-family: arial; font-size: 14px; color: #666666; margin:0px; padding: 15px 0px 8px 0px;}

.remlogin {clear: both; margin:0px; padding: 20px 0px 0px 0px; }

#UserName { font-family: arial; font-size: 24px; line-height: 24px; color: #777777; padding: 3px 0px 4px 3px; *padding: 7px 0px 4px 3px; }

#Password { font-family: arial; font-size: 21px; line-height: 21px; color: #777777; padding: 3px 0px 4px 3px; *padding: 7px 0px 4px 3px; }

#UserName { font-family: arial; font-size: 24px; line-height: 24px; color: #777777; padding: 3px 0px 4px 3px; *padding: 7px 0px 4px 3px; }

#name, #surname, #email, #company, #message { margin-bottom: 3px; font-family: arial; font-size: 14px; line-height: 14px; color: #777777; padding: 3px 0px 4px 3px; *padding: 7px 0px 4px 3px; }

p.loginremember { font-family: arial; font-size: 14px; color: #666666; margin:0px; padding: 0px 0px 5px 0px;}

.rememberbox { margin:0px; padding-right: 5px; }

/* ORDER PANEL */

.orderwrapper { width: auto; margin: 0px; padding: 0px; background-color: #fff;}

.orderwrapperlhn { float: left; width: 254px; margin: 0px 20px 0px 0px; padding: 0px;}

.orderwrappercontent { float: left; width: auto; margin: 0x; padding: 0px;}

/* GRID */

.gridlistpagination { float: left; margin: 0px; padding: 0px;}

.arrow { text-decoration: none; font-family: arial; font-size: 11px; color: #f90505; background:url(/admin/Images/buttons/icons/griddelete1.gif) 0% 0% no-repeat; padding-left: 15px; }

.griddeletebutton { text-decoration: none; font-family: arial; font-size: 11px; color: #f90505; background:url(/admin/Images/buttons/icons/griddelete1.gif) 0% 0% no-repeat; padding-left: 15px; }

.grideditbutton { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #0b9fce; background:url(/admin/Images/buttons/icons/gridedit1.gif) 0% 0% no-repeat; padding-left: 17px; }

.gridupdatebutton { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #333333; background:url(/admin/Images/buttons/icons/gridupdate.gif) 0% 0% no-repeat; padding-left: 15px; }

.gridcancelbutton { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #333333; background:url(/admin/Images/buttons/icons/griddelete1.gif) 0% 0% no-repeat; padding-left: 15px; }

.gridsendbutton { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #333333; background:url(/admin/Images/buttons/icons/gridsend.gif) 0% 0% no-repeat; padding-left: 15px; }

.gridvieworder { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #0b82a8; background:url(/admin/Images/buttons/icons/vieworder.png) 0% 0% no-repeat; padding-left: 16px; text-transform:capitalize; }

.gridmoveupbutton { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #333333; background:url(/admin/Images/buttons/icons/gridmoveup.gif) 0% 0% no-repeat; padding-left: 15px; }

.gridmovedownbutton { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #333333; background:url(/admin/Images/buttons/icons/gridmovedown.gif) 0% 0% no-repeat; padding-left: 15px; }

	.rightmovedown {  background:url(/admin/Images/buttons/icons/gridmovedown.gif) 100% 0% no-repeat; padding-right: 15px; padding-left:0px; }
	
	.moveslash { float:left; padding:0px 1px 0px 1px !important; font-size:11px; color:#010101; }

.gridcopy { height: 14px; text-decoration: none; font-family: arial; font-size: 11px; line-height: 15px; color: #333333; background:url(/admin/Images/buttons/icons/gridcopy.gif) 0% 0% no-repeat; padding-left: 15px; }

.gridaddnewbutton { text-decoration: none; font-family: arial; font-size: 11px; height: 20px;
    line-height: 20px; color: #0b9fce; background:url(/admin/Images/addnewbutton.gif) 0% 0% no-repeat; padding-left: 25px; }




/* CATALOG - CATEGORIES */

.expanded { margin: 0px; padding-right: 5px; cursor:hand; background:url(/admin/images/minus.gif) 0% 0% no-repeat; }

.collapsed { margin: 0px; padding-right: 5px; cursor:hand; background:url(/admin/images/plus.gif) 0% 0% no-repeat;}

/* DASHBOARD */

div.tabstripsubnavdash 
{
  font-weight: bold; float: left; width: 100%; display:block; height: 27px; padding:0px; overflow:hidden; background:url(/admin/images/subsubnav_bg.gif) 0% 0% repeat-x;
}

div.tabstripmainnavnew
{
  font-weight: bold;
  float: left;
  width: 100%;
  display:block;
  height:27px;
  padding:0px;
  overflow:hidden;
}

* html div.tabstripmainnavnew
{
  height: 27px;
}

div.tabstripmainnavnew ul 
{
  margin: 0px;
  padding: 0px;
  height:27px; 
  display:block;
  background:url(/admin/images/dashnav_bg.gif) 0% 0% repeat-x #419eba;
}

div.tabstripmainnavnew ul li
{
  display: block;
  padding: 6px 0px 8px 0px;
  margin: 0px 1px 0px 0px;
  float: left;
  height: 13px;
  background:url(/admin/images/dashtest1.gif) 100% 0% no-repeat;
}

div.tabstripmainnavnew ul li a
{
  margin: 0px;
  text-decoration: none;
  color: #FFFFFF;
  padding: 7px 15px 7px 15px;
  background:url(/admin/images/dashnav_bg.gif) 0% 0% repeat-x #419eba;
}

div.tabstripmainnavnew ul li a:hover, div.tabstripmainnavnew ul li.current a, .tabstripmainnavnew ul li.current a:hover {
  color: #333333;
  background:url(/admin/images/dashtest.gif) 0% 0% no-repeat;
}

div.tabstripmainnavnew ul li.first a
{
}

/* SCREENGRAB LI */

li.screengrabview { background-color: #F0F0F0; border: 1px solid #DDD; font-family: arial; font-size: 26px; color: #666666; margin:0px 10px 10px 0px; padding:10px !important; float:left; display:block; width: 272px; height: 192px;}

li.screengrabview a { font-weight:normal !important; text-decoration: none; color: #666666 !important; font-size:18px; line-height: 22px;  display:block; position:relative; padding: 170px 0px 0px 0px !important; width:272px; margin:0px 0px 0px 0px !important; }

li.screengrabview a:hover { background-color: #F0F0F0; font-weight:normal; color: #333333 !important; }

li.screengrabview img { border: 1px solid #DDD; margin:0px 0px 0px 0px !important; padding:0px; display:block; width: 270px; height: 160px; position:absolute; top:0px; left:0px; }

.outernopadding table tr td { margin: 0px; padding: 0px;}

.screengrabview a img { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}

.screengrabview a:hover img { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

/* SKUS */

.skucontainer {
	width:939px; height:auto; overflow:hidden;
}
	
	.altskucolor {
		background-color:#f2f2f2 !important;
	}
	
	.editskucolor {
		background-color:#c5cfd8 !important;
	}

	.skucontainer p {
		margin:0px; padding:0px; color:#000000;
	}

	.skucontainer input[type="checkbox"] {
		margin:0px; padding:0px; height:16px; width:16px;
	}

	.skucontainer input[type="text"] {
		margin:0px; padding:0px 0px 0px 2px; height:16px; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:0px none !important; width:100%; color:#000000; background-color:#f2f2f2;
	}

		.altskucolor input[type="text"] {
			background-color:#ffffff !important;
		}
		
		.editskucolor input[type="text"] {
			background-color:#ffffff !important;
		}
	
	.skucontainer select {
		margin:0px; padding:0px; height:19px; font-size:11px; line-height:15px; font-family:Arial, Helvetica, sans-serif; border:1px solid #616161; width:100%; color:#000000; background-color:#ffffff;
	}

	.skurow {
		width:939px; height:auto; border:1px solid #cccccc; margin:0px 0px 10px 0px; overflow:hidden; background:url(../Images/skubg_new.gif) repeat-y 0px 0px;	
	}

		.editskucolor {
			border-right:1px solid #ffffff; background:url(../Images/skubgwhite_new.gif) repeat-y 0px 0px;
		}
	
		.skucol {
			width:175px; border-right:1px solid #cccccc; float:left; min-height:50px; height:auto !important; height:50px; overflow:hidden;
		}
		
			.editskucolor .skucol {
				border-right:1px solid #ffffff;
			}
		
			/* */
			.stockcol {
				width:170px;
			}
	
			.customcol {
				width:150px;
			}
	
			.costcol {
				width:343px;
			}
	
			.buttoncol {
				width:90px; border-right:0px none !important;
			}
			/* */

		.skupadder {
			width:auto; padding:9px 12px 9px 12px; overflow:hidden;
		}
	
			.skufieldrow {
				width:159px; padding:0px 0px 8px 0px; overflow:hidden; height:auto;
			}
		
				.skufieldrow span {
					margin:0px; padding:0px; height:15px; width:15px; float:left;
				}
			
				/* */
				.stockcol .skufieldrow {
					width:157px;
				}
				
				.customcol .skufieldrow {
					width:130px;
				}
		
					/*.costcol .skufieldrow {
						width:319px;
					}*/
			
				.buttoncol .skufieldrow {
					width:78px; padding-bottom:10px;
				}
				/* */
	
					.buttoncol .skufieldrow a {
						float:left;
					}

				.skufieldcol {
					width:48%; padding:0px; overflow:hidden; float:left; font-weight:bold;
				}
		
				.skufielddata {
					width:52%; padding:0px; overflow:hidden; float:left;
				}
		

		.skucosts {
			width:auto; overflow:hidden; padding-bottom:6px;
		}
	
			.skucosts .skuheaderrow {
				width:auto; min-height:24px; height:auto !important; height:24px; border-bottom:1px solid #cccccc; font-weight:bold; margin-bottom:3px;
			}
		
				.editskucolor .skucosts .skuheaderrow {
					border-bottom:1px solid #ffffff;
				}
			
				/* */
				.skucosts .skucostscol {
					width:88px; float:left; height:auto; overflow:hidden; text-align:center; padding:4px 0px 0px 0px;
				}

					.skucosts .countrycolsku {
						width:35px; text-align:right; font-weight:bold;
					}

					.skucosts .vatpricesku {
						width:44px;
					}

				/* */
				
			.skucosts .skunormalrow {
				width:auto; height:auto; overflow: hidden;
			}
		
				.skucosts .skunormalrow input[type="text"] {
					width:88%;
				}

			.hundredpc {
				width:100% !important; padding-top:3px;
			}
			
			
			table.radiobuttons {
				padding:0px; margin:0px; float:left; width:195px; border:0px none !important;
			}
			
				table.radiobuttons tr {
					border:0px none !important;
				}
			
					table.radiobuttons td {
						border:0px none !important; height:20px; padding:0px 0px 0px 10px !important; vertical-align:middle;
					}
				
					table.radiobuttons td input {
						height:16px; width:16px; padding:0px 0px 0px 0px; margin:2px 0px 5px 3px; vertical-align:middle;
					}

.btnsecondlevel { position: absolute; right: 9px; top: 40px; }

.adminsubheader {
	width:auto; min-height:28px; height:auto !important; height:28px; position:relative; padding:5px 300px 0px 0px;
}	

	.admindsubhtext {
		position:absolute; top:5px; left:0px;
	}
	
		.admindsubhtext p {
			margin:0px;	
		}
	
	.adminshbuttons {
		position:absolute; bottom:5px; right:0px;
	}



.longerdatebox input {
	width:270px !important;
}


td.pageimagebtn {
	 width: 350px;
}


	td.pageimagebtn a { display: block; width: auto; line-height:23px; height: 23px; margin: 0px 0px 0px 10px; padding:0px 8px 0px 8px; float:right; background:url(/admin/images/buttons/yellow.gif) repeat-x 100% 0% #e2a111; color: #FFFFFF; border: 1px solid #e2a111; float:right; text-decoration:none; font-weight: bold;/* margin-bottom only used for this example */ /* margin-bottom only used for this example */}

	td.pageimagebtn a:hover { background:url(/admin/images/buttons/rollovers/yellow.gif) repeat-x 100% 0%; }
	
	
	td.pageimagebtn .fileBox
    {
		width: 220px;
		float: left;
    }
	
	
.configfile { position:absolute; top:94px; right:10px; }

	.configfile a { font-weight:bold; color:#FFFFFF; font-family:arial; font-size:15px; line-height:15px; text-decoration:none; }

	.configfile a:hover { color:#000; }
	
	
	
li.inactive { color:#999999 !important;}

li.inactive ul li { color:#999999 !important;}

.RadWindow_Simple {
		
}

.RadWindow_Simple td {
	padding:0px !important;
}

.fileBox { width: 200px ;}

/* RECOMMENDED ITEMS */

.recwrapper { 
	width:auto; height:auto; float: left; margin:0px; padding:5px 0px 0px 0px; display:block;
}
	
	.recwrapperleft { 
		width:680px; float: left; margin:0px 20px 0px 0px; padding:0px
	}
	
	.recwrapperright { 
		width:217px; float: left; margin:0px; padding:0px
	}

	#dragProducts, #Es-dragProducts { 
		width:680px; height:600px; overflow-y:auto; overflow-x:hidden; border:1px #cccccc solid;
	}

	.draggable {
		float:left; padding-right:5px; padding-top:5px; width:160px; height:150px; overflow:hidden; text-align:center;
	}

.subtitlepanel {
	width: 217px;
}

.subtitlepanel { 
	width: auto; float: left; margin: 0px; padding:0px 0px 5px 0px;
}

.subtitlepanel p.productlist { 
	float: left; width: 680px; margin: 0px; padding:0px; font-size: 16px;
}

.subtitlepanel p.recommendeditems { 
	float: left; width: auto; margin: 0px; padding:0px; font-size: 16px;
}

#recommededItemsList, #essentialItemsList {
	width:217px; height:600px; overflow:hidden; position:relative; overflow-y:scroll; border:1px #cccccc solid; display:inline-block;
}

	.recommendedProdItem {
		padding:5px 5px 5px 72px; width:123px; height:90px; position:relative; display:block; float:left;
	}
	
		.recommendedProdItem img.prodimg { 
			padding:0px; margin:0px; position:absolute; top:5px; left:8px; width:56px; 
		}
		
		.recommendedProdItem p { 
			padding:0px; margin:0px;  width:115px; font-weight:normal; display:block;
		}
		
		.recommendedProdItem p.deleteicon { 
			padding:0px; margin:0px; width:115px; display:block;
		}
		
		img.deleteRecommended { 
			float: left; margin:0px; padding:0px; position: relative;
		}

		span.recdelete { 
			float: left; margin:0px; padding:4px 0px 0px 0px; color: #F90505; font-size: 11px;
		}
		
		
.product-list-item-wrap, .imgflag { float: left; }

		


.tree-folder, .tree-folder-expand, .tree-file {
	padding:5px 5px 5px 40px; display:block; line-height:26px;
}

.tree-folder span, .tree-folder-expand span, .tree-file span {
	color:#333333 !important;
}

.RadTreeView_Default .rtSelected .rtIn span {
	color:#ffffff !important;	
}
	
	.tree-folder {
		background:url(../../Images/folder.png) 3px 50% no-repeat;
	}
	
	
	.tree-folder-expand {
		background:url(../../Images/folder-open.png) 3px 50% no-repeat;
	}


	.tree-file {
		background:url(../../Images/web-page.png) 3px 50% no-repeat;
	}

	.ActiveSyle .tree-file {
		background:url(../../Images/web-pagefolder-act.png) 3px 50% no-repeat !important;
	}

	.ActiveSyle .tree-folder {
		background:url(../../Images/folder-act.png) 3px 50% no-repeat !important;
	}
	
	
	.ActiveSyle .tree-folder-expand {
		background:url(../../Images/folder-openfolder-act.png) 3px 50% no-repeat !important;
	}


.RadTreeView_Default .rtSelected .rtIn .tree-folder {
	background:url(../../Images/folder-open.png) 3px 50% no-repeat !important;	
}
	
.RadTreeView_Default .rtSelected .ActiveSyle .tree-folder {
		background:url(../../Images/folder-openfolder-act.png) 3px 50% no-repeat !important;
}
	

.RadTreeView_Default .rtLines .rtLast .rtTop {
	background-position:0% 50% !important;	
}

.RadTreeView .rtPlus, .RadTreeView .rtMinus {
    margin-top:17px !important;
}

.RadTreeView_Default .rtLines .rtLI, .RadTreeView_Default .rtLines .rtFirst .rtUL {
    margin-left: 5px !important;
}


.RadTreeView_Default .rtLines .rtBot {
    background-image:url(../../Images/elongatedleftminus.png) !important;
}

td.applybox { position:relative; }
.applybox input { position:absolute; top:12px; }
td select { margin-bottom:10px;}

a {
  outline: none !important;
}

* {

outline: none;

}

a:active, a:focus { outline: none; ie-dummy: expression(this.hideFocus=true); }

.searchbtndiv {float:left; display:block; height:25px; width:81px; margin:0px 0px 0px 10px; }
.searchbuttonImg { width:81px; height:25px; background:url(../../Images/buttons/icons/searchbtn.gif) 0 0 no-repeat; }
input:hover.searchbuttonImg { background:url(../../Images/buttons/icons/searchbtn-on.gif) 0 0 no-repeat; }

/* 121207 UPDATE */
.floatleft { float:left; margin:0px 10px 0px 0px; }
.juliantext { float:left; margin:5px 0px 0px 5px; width:440px; }
.juliantext p { color:#666 !important; }