/*admin backend   */
#div
{
    border-color: black;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    padding:5px; 
}
#smalldiv
{
    border-color: black;
    border-width: 3px;
    border-style: solid;

    
    padding:5px;  
}
#imagediv
{
    border-color: black;
    border-width: 1px;
    border-style: dashed;

    width:50%;
} 
#autoimagediv
{
       border-color: black;
    border-width: 1px;
    border-style: dashed;
    height: 300px;
}  
#formdiv
{
    border-color: black;
    border-width: 1px;
    border-style: solid;
    text-align:left;
    width: 50%;
    padding-left: 15px;
    padding-bottom: 15px; 
}                
.leftcolumn {
    float:left;
           
    
    }
.rightcolumn {
    float:right;
    width:auto; 
    margin-right: 5%; 
    }
.framerightcolumn {
    float:right;
    width:60%; 
    margin-right: 5%; 
    }
.middlefloat {
    float:none      ;
    margin: 0 auto;        
    
    }
/*admin backend   */  


body{
margin:0;
font-family:Arial; 
padding:0;
background: #F0F0F0; 
}

b{font-size: 105%;}
em{color: red;}
login {font-size: 11px;}
img {border: none;}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/

}

#topsection{
height: auto; /*Height of top section*/
padding: 5px 0px 10px 0px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 175px; /*Set left margin to LeftColumnWidth*/


}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/
/* background:; */
}

#footer{
clear: left;
width: 100%;
color: black;
text-align: center;
font-size: 12px;
padding: 0;
}

#footer a{
color: blue;
font-family:Arial;
}
#login{
font-size: 10px;
text-align: right;
float:right;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5px; 
  
background: white;  
padding: 5px 5px 10px 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
  
}
.top {
margin-bottom: 15px;
}
.buttondiv {
margin-top: 10px;
}
.messagebox{
    position:absolute;
    width:100px;
    border:1px solid #c93;
    background:#ffc;
    padding:3px;
}
.messageboxok{
    position:absolute;
    width:auto;
    border:1px solid #349534;
    background:#C9FFCA;
    padding:3px;
    font-weight:bold;
    color:#008000;
    
}
.messageboxerror{
    position:absolute;
    width:auto;
    border:1px solid #CC0000;
    background:#F7CBCA;
    padding:3px;
    font-weight:bold;
    color:#CC0000;
}


.kloginerror, .info {
border: 1px solid;
margin: 5px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.kloginerror {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/messages/PNG/Knob Cancel.png');
margin: 15px;
}
.info {
        margin: 15px 0px 0px 0px;
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('/images/messages/PNG/Knob Message.png');
}
 


/* ------------------------------------------------------- FLYOUT MENU------------------------------------------------ */

/*<![CDATA[*/



/* - - - ADxMenu: BASIC styles - - - */

.orangemenu {
    width: 15px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
    line-height: 1.8em;  
}

.orangemenu, .orangemenu ul {    /* remove all list stylings */
    margin: 0;
    font-family: Arial;
    font-size: 13px;
   /* font-weight: bold;  */
    padding: 0;
    border: none;
    list-style-type: none;
    display: block;
}

.orangemenu li {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    position: relative;    /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5;        /* thus we need to apply explicit z-index here... */
}

.orangemenu li:hover {
    z-index: 10000;    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.orangemenu ul {
    visibility: hidden;    /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;    /* while hidden, always keep them at the top left corner, */
    top: 0;        /*         to avoid scrollbars as much as possible */
}

.orangemenu li:hover>ul {
    visibility: visible;    /* display submenu them on hover */
    left: 100%;    /* and move them to the right of the item */
}

/* -- float.clear --
    force containment of floated LIs inside of UL */
.orangemenu:after, .orangemenu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.orangemenu, .orangemenu ul {    /* IE7 float clear: */
    min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
    YOU SHOULD NOT STYLE the background of the ".orangemenu UL" or this feature may not work properly!
    if you do it, make sure you 110% know what you do */
.orangemenu ul {
    background-image: url(empty.gif);    /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
    /*background: #f00;*/    /* uncomment this if you want to see the "safe" area.
                                you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */


/* IE 7 Menu Fix */
<!--[if IE 7]> 
.orangemenu {
    width: 150px; 
}          
.orangemenu, .orangemenu ul li {
    color: white;  
    background-image: url(images/orange_bar2_top.png);
    background-repeat: no-repeat;         
}       
<![endif]-->    

   

.orangemenu, .orangemenu ul li {
    color: white;       
 }       

.orangemenu {
    width: 150px;
      
}
   /* other layers */
.orangemenu ul {
    width: 150px;
}

.orangemenu a {
    text-decoration: none;
    color: white;
    padding: .4em 1em; 
    display: block;
   /*background: #F7941C; */
}

.orangemenu a:hover, .orangemenu li:hover>a {
    color: black;
}

.orangemenu li {    /* erase border for all */
border: 0; 
}

 /* if is not last li */  
.orangemenu>li + li[foo="notlast"], .orangemenu ul>li + li[foo="notlast"] {    /*add border for everyone past the first */
     border-style: solid;
     border-color:white; 
     border-top-width:thin;
     background: #ee8613;  
}

 /* if is last li */
.orangemenu>li[foo="last"], .orangemenu ul>li[foo="last"] {
    border-style: solid;
    border-color:white; 
    border-top-width:thin;
    background-image: url(images/orange_bar2_bottom.png);
 /*background: #000000; */    
}


/* layer 2 NO IMAGE */
.orangemenu li ul li
{
    background-image: url(images/orange_bar2_top.png);      
}
.orangemenu li ul li+li[foo="notlast"]
{
    background: #ee8613;  
}
.orangemenu li ul li[foo="last"]
{
    background-image: url(images/orange_bar2_bottom.png);   
}
/* end layer 2 NO IMAGE */

  
.orangemenu li:hover>ul {    /* inset submenus, to show off overlapping */
    top: 5px;
    left: 100%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
    placed here to clarify the terminology I use when referencing submenus in posts 
.orangemenu>li:first-child>a, .orangemenu li + li + li li:first-child>a {
    color: #567;
}
*/
/*]]>*/


<!--[if lte IE 6]>

/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */

/*
    this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
    of course, that means that it might require different styling then.
    in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.orangemenu ul {
    visibility: visible;
    position: static;
}

.orangemenu, .orangemenu ul {    /* float.clear */
    zoom: 1;
}

.orangemenu li.adxmhover {
    z-index: 10000;
}

.orangemenu .adxmhoverUL {    /* li:hover>ul selector */
    visibility: visible;
}

.orangemenu .adxmhoverUL {    /* submenu goes to the right */
    left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.orangemenu ul a {    /* fix clickability-area problem */
    zoom: 1;
}

.orangemenu li {    /* fix white gap problem */
    float: left;
    width: 100%;
}

.orangemenu li {    /* prevent double-line between items */
    margin-top: 0px;
}

.orangemenu a:hover, .orangemenu .adxmhoverA {        /* li:hover>a selector */
    color: #fc3;
}

.orangemenu .adxmhoverUL {    /* inset submenus, to show off overlapping */
    top: 5px;
    left: 100%;
}

/*]]>*/


<![endif]-->






/*-----grey MENU---*/
.greymenu {
    line-height: 1.8em; 
    width: 15px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */

}

.greymenu, .greymenu ul {    /* remove all list stylings */
    margin: 0;
    font-size: 13px;
   /* font-weight: bold;  */
    padding: 0;
    border: none;
    list-style-type: none;
    display: block;
}

.greymenu li {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    position: relative;    /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5;        /* thus we need to apply explicit z-index here... */
}

.greymenu li:hover {
    z-index: 10000;    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.greymenu ul {

    visibility: hidden;    /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;    /* while hidden, always keep them at the top left corner, */
    top: 0;        /*         to avoid scrollbars as much as possible */
}

.greymenu li:hover>ul {
    visibility: visible;    /* display submenu them on hover */
    left: 100%;    /* and move them to the right of the item */
}

/* -- float.clear --
    force containment of floated LIs inside of UL */
.greymenu:after, .greymenu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.greymenu, .greymenu ul {    /* IE7 float clear: */
    min-height: 0;
    line-height: 1.8em; 
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
    YOU SHOULD NOT STYLE the background of the ".greymenu UL" or this feature may not work properly!
    if you do it, make sure you 110% know what you do */
.greymenu ul {
    background-image: url(empty.gif);    /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
    /*background: #f00;*/    /* uncomment this if you want to see the "safe" area.
                                you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */


/* IE 7 Menu Fix */
<!--[if IE 7]> 
.greymenu {
    width: 150px; 
}          
.greymenu, .greymenu ul li {
    color: white;  
    background-image: url(images/grey_bar_top.png);
    background-repeat: no-repeat;         
}       
<![endif]-->    

   

.greymenu, .greymenu ul li {
    color: white;
    font-family:Arial;          
 }       

.greymenu {
    width: 150px;
      
}
   /* other layers */
.greymenu ul {
    width: 150px;
}

.greymenu a {
    text-decoration: none;
    color: white;
    padding: .4em 1em; 
    display: block;
   /*background: #F7941C; */
}

.greymenu a:hover, .greymenu li:hover>a {
    color: black;
}

.greymenu li {    /* erase border for all */
border: 0; 
}

 /* if is not last li */  
.greymenu>li + li[foo="notlast"], .greymenu ul>li + li[foo="notlast"] {    /*add border for everyone past the first */
     border-style: solid;
     border-color:white; 
     border-top-width:thin;
     background: #858586;  
}

 /* if is last li */
.greymenu>li[foo="last"], .greymenu ul>li[foo="last"] {
    border-style: solid;
    border-color:white; 
    border-top-width:thin;
    background-image: url(images/grey_bar_bottom.png);
 /*background: #000000; */    
}


/* layer 2 NO IMAGE */
.greymenu li ul li
{
    background-image: url(images/grey_bar_top.png);      
}
.greymenu li ul li+li[foo="notlast"]
{
    background: #858586;  
}
.greymenu li ul li[foo="last"]
{
    background-image: url(images/grey_bar_bottom.png);   
}
/* end layer 2 NO IMAGE */

  
.greymenu li:hover>ul {    /* inset submenus, to show off overlapping */
    top: 5px;
    left: 100%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
    placed here to clarify the terminology I use when referencing submenus in posts 
.greymenu>li:first-child>a, .greymenu li + li + li li:first-child>a {
    color: #567;
}
*/
/*]]>*/




<!--[if lt IE 7]>

/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */

/*
    this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
    of course, that means that it might require different styling then.
    in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.greymenu ul {
    visibility: visible;
    position: static;
}

.greymenu, .greymenu ul {    /* float.clear */
    zoom: 1;
}

.greymenu li.adxmhover {
    z-index: 10000;
}

.greymenu .adxmhoverUL {    /* li:hover>ul selector */
    visibility: visible;
}

.greymenu .adxmhoverUL {    /* submenu goes to the right */
    left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.greymenu ul a {    /* fix clickability-area problem */
    zoom: 1;
}

.greymenu li {    /* fix white gap problem */
    float: left;
    width: 100%;
}

.greymenu li {    /* prevent double-line between items */
    margin-top: 0px;
}

.greymenu a:hover, .greymenu .adxmhoverA {        /* li:hover>a selector */
    color: #fc3;
}

.greymenu .adxmhoverUL {    /* inset submenus, to show off overlapping */
    top: 5px;
    left: 100%;
}

/*]]>*/


<![endif]-->