/* QuickOrder Site Admin CSS */
/* (C) 2006 Versatilia Ltd */
/* support@versatilia.com */


html { padding: 0; margin: 0; } 
body {
		font-family: 'Tahoma', sans-serif;
		font-size: 14px;
		color: #000;
		margin: 0 auto 0 20px;;
		padding: 0;
                width: 1028px;
                position: relative;
	}

/* general styles
-------------------------------------------------------------------------------*/
a:link {color: #1C74B9; text-decoration: none; border-bottom: 1px dotted #0098fe;}
a:visited {color: #1C74B9; text-decoration: none; border-bottom: 1px dotted #0098fe;}
a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; background-color: #0098fe;}
a:active {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; background-color: #0098fe;}
#body a:link {color: #1C74B9; }
#body a:visited {color: #1C74B9; }
#body a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; background-color: #0098fe;}
#body a:active {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; background-color: #0098fe;}

.hr {
	clear: both; height: 1px; 
	margin: 2px 0px; padding: 0px;
}
.hr hr {display: none; margin: 0px;}


	div#body { font-size: 12px; border: 1px solid #ccc; padding: 10px 10px; margin: 20px 0 0 0; clear: both; }
	body.orders div#body { border: none; }
	#head_cntr {
		color: #fff;
		float: left;
		width: 100%;
		position: relative;
		text-align: right;
        margin-bottom: 20px;
		height: 100px;
	}
	#head_img { 
		float: left; 
		border: 0; 
		padding: 0; 
		margin: 0;
		width: 410px;
		text-align: left;
		line-height: 0;
		padding: 0;
	}
	#head_img img { border: 0; }
	
	p.options { font-size: 12px; color:green;padding: 0; clear: left; margin-top: 0; margin: 10px 0px; }
	
	ul.mainmenu { 
		margin: 0px;
		position: absolute; bottom: 0; left: 0px;
		padding: 0px; 
		list-style: none outside;
		text-align: center;
		z-index: 1;
		border: 0;
                background: url("/utils/site-admin/pix/navbg.png") no-repeat left;
                height: 40px;
                width: 1028px;
	}
	li.main {  
		font-size: 0.9em; 
		color: #000;
		background: none;
		float: left;
		padding: 0; margin: 0px;
                border-left: 1px solid #6D6D6D;
                border-right: 1px solid #565656; 
		position: relative;
		border-width: 1px 1px 0;
	}
	li.main-home, li.main-country, li.main-sites, li.main-site-admin, li.main-site-content, li.main-users, li.main-products, li.main-codes, li.main-integration, li.main-promo-admin, li.main-help, li.main-logout {  
		font-size: 0.9em; 
		color: #000;
		background: none;
		float: left;
		padding: 0; margin: 0px;
                border-left: 1px solid #6D6D6D;
                border-right: 1px solid #565656; 
		position: relative;
		border-width: 1px 1px 0;
	}
        li.main-home { border: none; background: url("/utils/site-admin/pix/main-home.png") no-repeat left; width: 51px; text-indent:-99999px; font-size:0; line-height:0; display: block; }
        li.main-home a { padding:0 !important; }
        li.main-logout { border-right: none; }
        li.main-logout a strong { color:#ccc; }
	a.mainmenu  {display: block; background: none; padding: 0px; border: 0; text-decoration: none;}
	a.mainmenu:link, a.mainmenu:visited {color: #ccc; background: none; border: 0;}
	a.mainmenu:hover, a.mainmenu:active {color: #3A529C; background: none; border-bottom: 0;}
	li a.mainmenu:link { color: #CCCCCC; display: block; font-size: 13px; height: 40px; line-height: 40px; padding: 0 14px; text-align: center; text-decoration: none; text-shadow: 0 -1px 1px #000000; border: 0; }
        li a.mainmenu:link strong { font-weight: normal; }
	li:hover a.mainmenu:link {color: #0098fe; border: 0; }
	
	ul.submenu {
		clear: left;
		position: absolute; top: 99%; left: -1px;
		padding: 1px 0 0; margin: 0px; 
		border: 1px solid #3A529C;
		border-width: 1px 1px 0;
		list-style: none outside;
		width: 12em;
		z-index: 2;
		line-height: 1.72em;
		background: #fff;
	}
	.submenu li {
		float: none;
		position: static; top: 0;
		text-align: left;
		padding: 0px; margin: 0px;
		background-color: #fff;
	}
	
	.submenu a {
		display: block; 
		width: 11.6em;
		padding: 0 0.2em;
		background-color: transparent;
		font-style: normal;
		overflow: hidden;
	}
	.submenu a:link {
		color: #000; 
		text-decoration: none;
		border-bottom: 1px solid #3A529C; 
		background-color: transparent;
	}
	.submenu a:visited {
		color: #000; 
		text-decoration: none;
		border-bottom: 1px solid #3A529C; 
		background-color: transparent;
	}
	.submenu a:hover {	
		color: #fff;
		font-weight: bold;
		background-color: #0098FE;
		border-bottom: 1px solid #3A529C;
	}
	.submenu a:active {	
		color: #fff;
		background-color: #3A529C;
	}
	/* css menus
	-------------------------------------------------------------------------*/
	li ul { display:none; } 
	li:hover ul, li.over ul { display:block; }
	
	/* Fix IE. Hide from IE Mac \*
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; }
	/* End */
	
	/* ul display page class
	------------------------------------------------------------------------------*/
	
	ul.location { 
		display: block;
		width: 100%;
		top: 4em;
		left: 0px;
		background: #fff url('');
		border: 0;
	}
	ul.location li {
		background: #fff url('');
		float: left;
		border: 0;
		width: auto;
	}

div.rightinfo { float: right; width: 20em; border: 1px solid #DDD; padding: 0.5em; margin: 1em; background-color: #F0F0F0; }

h1 { font-size: 120%; font-weight: bold; text-align: left; background: url("/utils/site-admin/pix/bg_header_dash.gif") repeat-x scroll center top transparent; height:30px; padding: 8px 0 0 10px; margin-top:0; }
h2 { font-size: 110%; font-weight: bold; text-align: left; color: #808080; margin-top:0; }
h2.hostname { position: absolute; top: 10px; right:0; font-weight: normal; }

form.smallform { padding: none; margin: none; display: inline; }
form { padding: 10px 0; }

td { vertical-align: top; text-align: left; padding: 0.5em; }
th { font-weight: bold; text-align: centre; padding: 0.5em; margin: 2px; background-color: #C0C0C0; color: black; border-left: 1px solid #ccc; }

table { margin-top: 10px; border-collapse:separate; border-spacing:0px;border-style: solid; border-color:#eee; border-width: 0 1px 1px 0; clear: both; }
.recordlist { font-size: 11px; }
.recordlist td { border-color: #ccc; border-style: solid; border-width: 1px 0 0 1px; }
.fieldlist td { border-color: #ccc; border-style: solid; border-width: 1px 0 0 1px; }

.leftcell, .title { font-size:12px; }
.rightcell, .help { background:#eee; font-size:11px; }

.searchform { border: 1px solid #C0C0C0; display: block; margin-right: 25em; }
.searchform table { clear: none; }
.searchform table td { padding: 2px; margin: none; }
.l { text-align: left; }

/* colour picker styles */

        #colourPicker {
            width: 240px;
            position: absolute;
            display: none;
            border: 1px solid black;
            background-color: #dddddd;
			padding: 0.5em;
            z-index: 100;
            text-align: center;
            top: 0; left: 0;
        }
        #colourPickerTable td { width: 8px; height: 8px; border: 0px solid #999; }
        #colourPickerTable table { border-collapse: collapse; }
        #colourPicker select { font-size: 10px; color: #999; }
		#colourPickerClose { color: #b00; margin-left: 1em; }


/* multilink stuff */

    .multilink {
      width: 380px;
    }

    .multilink a.ml-edit {
      color: #ffffff;
      background-color: darkred;
      border: 1px outset #300;
      font-size: 120%;
      padding: 2px;
      margin: 0 0 4px;
      text-decoration: none;
      display: block;
      text-align: center;
    }

    .multilink ul {
      margin: 0;
      padding: 0;
      list-style: none;
      border: 1px solid #000;
      overflow: auto;
      height: 120px;
    }

    html>body .multilink ul {height: auto; max-height: 120px;}


    /* popup styles */

    .popup {
      border: 1px solid #000;
    }

    html body .popup ul {
      height: 400px;
      max-height: 400px;
      border-width: 1px 0 0 0;
    }
    
    .multilink li {
      margin: 0;
      padding: 4px;
      border: solid #039;
      border-width: 0 1px 1px 0;
      text-indent: 6px;
    }

    .multilink label {
      margin: 0;
      padding: 0;
      background: #fff;
      display: block;
    }

    .multilink p {
      margin: 0;
      padding: 4px;
      text-align: center;
      background: #eaeaea;
    }
    .popup a {text-decoration: none; color: #757575;}
    .popup a:hover {color: #000;}

	a.calendar { margin: 0; padding: 7px; width: 14px; height: 14px; background: url(/utils/site-admin/silky/calendar.png) no-repeat center; }
	
	iframe { margin: 0 auto; }

	.points-my-account-page { width: 400px; float: right; border: 1px solid #888; padding: 5px; margin: 5px; background: white; }