/* importera  saker som är lite mer globala */
@import "templates.css";
@import "clearfix.css";

/* ===========================================================
    Detta stylesheet läses BÅDE in i visning & webKontroll i Edit-läge
   =========================================================== */

/****************************************************************************************************************************/
/*          THEME START                 THEME START                 THEME START                 THEME START                 */

body, td /* Sätt endast basic saker i denna body, layoutändrande saker i _notwk.css*/
{
	font-family: Verdana, Arial;
	font-size: 12px;		
}

td
{
    font-size: 10px;
}

h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

H1	{ font-size: 24px; }
H2	{ font-size: 18px; }
h3	
{ 
    font-size: 16px; 
    padding: 0 0 4px 0;
}
H4	{ font-size: 14px; }
H5	{ font-size: 12px; font-weight:bold; }

p	{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}	

a {
	color: #666666;
	text-decoration: underline;
}
a:hover	{
	color: #9b9c9d;
}	

.clearer
{
    clear: both;
}

table 
{
    padding: 20px 0 0 0;
}
table img
{
    margin:2px;
}



	
/*          THEME END                   THEME END                   THEME END                   THEME END                   */
/****************************************************************************************************************************/
/*          WRAPPERS START              WRAPPERS START              WRAPPERS START              WRAPPERS START              */

#wrapper	{
	background-color: transparent;
	width: 1010px;
	text-align: left;
	margin: auto;	
}
	
#top	
{
       height: 400px;
}	

#leftColumn, #rightColumn 
{
    float:left;
}

#leftColumn
{
    width: 800px;
    background-color: #ffffff;
}

#rightColumn
{
    margin-left: 10px;
}

#content	
{
	float:left;
	overflow:auto;
	display:inline;
	width: 560px;
	min-height:350px;
	padding: 20px;
}

/*          WRAPPERS END                WRAPPERS END                WRAPPERS END                WRAPPERS END                */
/****************************************************************************************************************************/
/*          SEARCH START                SEARCH START                SEARCH START                SEARCH START                */
 
#wk_search {margin-top:10px;}
#wk_searchtxt {font-size:10px;}
#wk_searchbtn {font-size:10px; margin-left:3px;}

/*          SEARCH END                  SEARCH END                  SEARCH END                  SEARCH END                  */
/****************************************************************************************************************************/
/*          LANGUAGES START             LANGUAGES START             LANGUAGES START             LANGUAGES START             */

#wk_languages {margin-top:10px;}
#wk_languages img { margin-right:5px;}

/*          LANGUAGES END               LANGUAGES END               LANGUAGES END               LANGUAGES END               */
/****************************************************************************************************************************/
/*          MENUES START                MENUES START                MENUES START                MENUES START                */

.menu_wrap .selected, .menu_wrap .inpath
{
    font-weight:bold;
}

/********** leftMenu **********/
#leftMenu	
{
	width: 200px;
	float:left;
	display:inline;
	min-height: 10px;
	font-size:11px;
}

#leftMenu, #leftMenu a
{
    text-decoration:none;
    color:#000000;
}

#leftMenu a:hover
{
    text-decoration:underline;
}

#leftMenu .menu_wrap
{
    width: 140px;
    text-align: center;
    margin: 0 0 0 15px;
    padding: 2px 0 2px 0;
    border-bottom:1px solid #AAAAAA;
}

#leftMenu div.first
{
    border-top: 1px solid #AAAAAA;
    margin-top: 40px;
}

/********** topMenu **********/
#topMenu
{
    background-image:url("../images/topmenuBg.png");
    height:32px;    
}	

#topMenu, #topMenu a
{
    color: #ffffff;
    text-decoration: none;
}

#topMenu a:hover
{
    text-decoration:underline;
}


#topMenu .menu_wrap
{
    float: left;
    padding: 3px 0 0 32px;
}

/*          MENUES END                  MENUES END                  MENUES END                  MENUES END                  */
/****************************************************************************************************************************/
/*          BANNERS START               BANNERS START               BANNERS START               BANNERS START               */

#rightColumn img
{
    display:block;
    padding: 0 0 10px 0;
}

/*          BANNERS END                 BANNERS END                 BANNERS END                 BANNERS END                 */
/****************************************************************************************************************************/
/*          STOCKNOTA START             STOCKNOTA START             STOCKNOTA START             STOCKNOTA START             */

.login
{
    padding:30px 0 0 0;
    text-align:center;    
    width:170px;
}

.login h5
{
    margin: 0;
}

.login p
{
    font-weight:bold;    
    color:#cc0000;
    margin:0 0 5px 0;
}

 .login .fields input
 {
     margin: 0 0 5px 0;
     width: 140px;
     color:#666666;
     font-size:10px;
 }

 .login .submit
 {
     text-align:right;
     color:#ffffff;
     background-color:#d60128;
     border: 0px solid black;
     font-size:10px;     
     display:block;
     float:right;
     margin-right:13px;     
 }

/*          STOCKNOTA END               STOCKNOTA END               STOCKNOTA END               STOCKNOTA END               */
/****************************************************************************************************************************/