/*deprecated.it  css ******
  by Federico 'Mangus' Manganelli
  for www.deprecated.it

        some javascript releted things comes from:
	/***********************************************************************************************
	
	Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
	
	Get this and other scripts at www.dhtmlgoodies.com
	
	You can use this script freely as long as this copyright message is kept intact.
	
	***********************************************************************************************/

 /*  general	*/


a:link {
    color: #F8F8FF;
  }


a:link:hover {
    color: #5C6B7A;
  }


a:visited {
    color: #CDC9A5;
  }


a:visited:hover {
    color: #8B8970;
  }

input {
    font-size:10px;
  }


/*****************menu css**********************************/

#mainMenu {
    background : #B7B7A1;
    border-top: solid black;
    /* Background color of main menu */font-family : Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    /* Bottom border of main menu */height : 30px;
    /* Don't change this position attribute */
    /* Font size of main menu items */border-bottom : 1px solid white;
    /* Fonts of main menu items */font-size : 1.4em;
    /* Height of main menu */position : relative;
  }


#mainMenu a {
    padding-left:5px;
    /* Spaces at the left of main menu items */padding-right:5px;
    /* Spaces at the right of main menu items */font-weight:bold;
    /* Don't change these two options */position:absolute;
    bottom:-1px;
    /* Change this value to -2px if you're not using a strict doctype */ color: red;
  }


#submenu {
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    /* Font of sub menu items */background-color:white;
    /* Background color of sub menu items */width:100%;
    /* Don't change this option */;
  }


#submenu div {
    white-space:nowrap;
    /* Don't change this option */;
  }

	
#mainMenu .activeMenuItem {
    /* Border options */border-left:1px solid white;
    border-top:1px solid white;
    border-right:1px solid white;
    background-color: white;
    /* Background color */cursor:pointer;
    /* Cursor like a hand when the user moves the mouse over the menu item */;
  }


#mainMenu .activeMenuItem img {
    position:absolute;
    bottom:0px;
    right:0px;
  }



#mainMenu .inactiveMenuItem {
    color: white;
    /* Text color */cursor:pointer;
    /* Cursor like a hand when the user moves the mouse over the menu item */;
  }


#submenu a {
    text-decoration:none;
    /* No underline on sub menu items - use text-decoration:underline;
    if you want the links to be underlined */padding-left:5px;
    /* Space at the left of each sub menu item */padding-right:5px;
    /* Space at the right of each sub menu item */color: #000;
    /* Text color */font-size:0.9em;
  }


#submenu a:hover {
    color: #FF0000;
    /* Red color when the user moves the mouse over sub menu items */;
  }

/************DRAGABLEBOX BEGIN*********************/


#mainContainer {
    position: relative;
    padding-bottom:30px;
    border:2px solid black;
     margin:0 auto;
     z-index : 0;
  }


.dragableBox {
    background : url('images/container4.jpg') no-repeat;
    margin : 5px;
    /* The RSS box */
     border : 2px solid black;
  }


.dragableBoxHeader {
    /* Header inside RSS box */
     background-color:#CCCCCC;
    height:20px;
    font-family: arial;
    font-weight:bold;
    color: #5C6A79;
    font-size:15px;
  }


.dragableBoxHeader span {
    /* Text inside header of RSS box */ line-height:20px;
  }

.dragableBoxHeader img,.dragableBoxHeader span {
    /* Text and reload image inside RSS box */float:left;
  }


.boxItemHeader {
    /* Title of items inside dragable boxes */
     margin : 0px;
    overflow : hidden;
    text-decoration : none;
    font-weight : bold;
     font-size:13px;
    /* text-transform : lowercase;
    */
  }


.boxItemHeader:hover {
    /* Title of items inside dragable boxes - mouseover*/ margin:0px;
 /* text-transform : lowercase;   */
  }


.dragableBoxHeader input {
    /* text inputs that gets visible when you click on the "edit" link at the top of a rss box */font-size:10px;
  }


.rssNumberOfItems {
    /* Number of RSS items in header - the one inside parantheses */color:#008000;
  }


.dragableBoxContent {
    /* DIV holding data inside dragable boxes */padding:3px;
    clear:both;
    color:white;
    /*text-align: justify;*/
  }


#rectangleDiv {
    /* Dotted rectangle indicating where objects will be dropped */
    border:1px dotted red;
    margin:5px;
  }


.closeButton {
    /* Close button */padding:2px;
    border:1px solid red;
    line-height:9px;
    height:9px;
    margin:2px;
    padding:2px;
    padding-bottom:3px;
  }


.closeButton_over {
    padding:2px;
    border:1px solid red;
    line-height:9px;
    padding:2px;
    padding-bottom:3px;
    margin:2px;
  }


.dragableBoxStatusBar {
    /* Status bar at the bottom of rss boxes */border-top:3px solid black;
    height:18px;
     background-color:#CCCCCC;
    padding:2px;
    color:white;
  }


.dragableBoxEditLink {
    /* Edit link on top of a box */text-decoration:underline;
    padding-top:1px;
	color: #000000;
  }


a.dragableBoxEditLink:hover {
    /* Edit link - mouse over */
    text-decoration:underline;
  }

a.dragableBoxEditLink:link  {
  color: #000000;
  }


 a.dragableBoxEditLink:visited  {
  color: #000000;
  }


form {
    /* No borders in forms */display:inline;
  }