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


html { padding: 0; margin: 0; } 
body {
		font-family: sans-serif;
		font-size: 14px;
		color: #000;
		margin: 0;
		padding: 0;
	}

/* general styles
-------------------------------------------------------------------------------*/
a:link {color: #000; text-decoration: none; border-bottom: 1px dotted #0098fe;}
a:visited {color: #000; 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: #000; }
#body a:visited {color: #000; }
#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 { margin: 0 20px 20px; clear: both; }
	
	#head_cntr {
		color: #fff;
		float: left;
		width: 100%;
		position: relative;
		text-align: right;
border-bottom: 1px solid #3A529C;
margin-bottom: 20px;
	}
	#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 { padding: 0; clear: left; margin-top: 0; margin: 10px 20px; }
	
	ul.mainmenu { 
		margin: 0px;
		position: absolute; bottom: 0; right: 0px;
		padding: 0px; 
		list-style: none outside;
		text-align: center;
		z-index: 1;
		border: 0;
	}
	li.main {  
		font-size: 0.9em; 
		color: #000;
		background: #fff;
		float: left;
		padding: 0; margin: 0 2px;
		border: solid #3A529C;
		position: relative;
		border-width: 1px 1px 0;
	}
	a.mainmenu  {display: block; background-color: #fff; padding: 5px 5px 5px; border: 0; text-decoration: none;}
	a.mainmenu:link, a.mainmenu:visited {color: #000; background-color: #fff; border: 0;}
	a.mainmenu:hover, a.mainmenu:active {color: #3A529C; background-color: #fff; border-bottom: 0;}
	li a.mainmenu:link {color: #000; border: 0;}
	li:hover a.mainmenu:link {color: #0098fe; border: 0; }
	
	ul.submenu {
		clear: left;
		position: absolute; top: 99%; right: -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: #3A529C;
		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; }
h2 { font-size: 110%; font-weight: bold; text-align: left; color: #808080; }

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

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 black; }

table { border: none; clear: both; }
.recordlist td { border-left: 1px solid #C0C0C0; font-size: 80%; }
.fieldlist td { border-left: 1px solid #808080; border-left: 1px solid #C0C0C0; font-size: 90%; }

.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; }