
/*#############################################################
Name: Bitter Sweet
Date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {color: #031C38;}

body { 
    background: url(imgs/background1.jpg);
	
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 12px;
	font-family:Lucida Sans Unicode;
	padding-bottom: 0.2em;
}
ul {margin-left: 0.9em;}
h1 {font-size: 1.4em;}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 1.2em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #654;}

/* misc */
.clearer {clear: both;}

/* structure */
.headerspacer
{
    	height:50px;
}
.nav 
{
    vertical-align:top; 
	margin: 0 auto;
	width: 190px; 
}

.container 
{
    background-color:White;
	background-position:bottom;
	margin: 10px; margin-left:20px;
	width: 826px;  
	vertical-align:top; 
	font-family:Lucida Sans Unicode;
	font-size:12px;

}
.spacer
{
    background-color:White;
	vertical-align:top; 
	width:20px;
}

/* top */
.top {
	background: #031C38;
	font: normal 2.4em Verdana,sans-serif;
	height: 40px;
	margin: 0 auto;
	width: 830px;
}
.top a {
	color: #FFF;
	display: block;
	line-height: 60px;
	text-decoration: none;
	width: 100%;
}
.top span {padding-left: 24px;}
.top a:hover {
	background: #031C38;
	color: #FFF;
}

/* header */
.header {
	background: url("imgs/banner.gif") no-repeat;
	height: 190px;
	margin: 0 auto;
	width: 900px;
}

.headerprint {
	height: 190px;
	margin: 0 auto;
	width: 900px;
}

/* menu */
.menu 
{
    background-color:#031C38;
	margin: 0 auto; 
	height:30px; 
	width:150px;
}

/* item */
.item {clear: both;}
.item .date {
	background: url(imgs/bgdate.gif) no-repeat;
	color: #FDD;
	float: left;
	height: 40px;
	text-align: center;
	width: 36px;
}
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .content {
	float: left;
	width: 620px;
}
.item h1 {
	background: #031C38;
	color: #FFF;
	line-height: 40px;
	padding-left: 16px;
}
.item .body {padding: 12px 18px;}

/* main */
.main {float: left;}

.PromoHeader
{
	float: left;
	font-family:Lucida Sans Unicode;
    font-size:1.4em;
    font-weight:bold;
	
	}
	
.NewsHeader
{
	font-family:Verdana;
    font-size:18px;
    font-weight:bold;
	
	}

.ItemCode 
{
    font-family:Lucida Sans Unicode;
    font-size:1.4em;
    font-weight:bold;
   }

.iFrameCss
{
     background-color:White;
     background-image:none;
    }

.button {
	background: url(imgs/but.gif);
	color: #fff;
	height: 23px; 
	font-size:12px; 
	font-weight:bold;
	text-align: center;	
}

.textBox
{
    font-family:Lucida Sans Unicode;
    font-size:12px;
}

.label
{
    font-family:Lucida Sans Unicode;
    font-size:12px;
}

.navy
{
    font-family:Arial;
    font-size:0.9em; 
    color:Navy;  
}

.label2
{
    font-family:Lucida Sans Unicode;
    font-size:1.0em; 
    font-weight:bolder;
}

.errormsg
{
    font-family:Lucida Sans Unicode;
    font-size:12px; 
    color:Red;  
    font-weight:bold; 
}

.docs
{
    background-color:#F0F8FF;
    text-align:center;
}

.linkstyle
{ 
    text-align:center;
}
.dropdownlist
{
	height:22px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* footer */
.footer {
	background: url(imgs/bgfooter.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #FFF;
	padding: 5px;
	height:30px;
	vertical-align: middle;
	text-align: center;
	width: 826px;
	
}
.footer1 {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
	padding: 1px;
	height:50px;
	color: #000;
	vertical-align: top;
	text-align: center;
	width: 826px;
	
}

.footer a {color: #FFF;}
.footer a:hover {color: #7582A0;}
.footer1 a:hover {color: #7582A0;}

.autocomplete_listItem
{
    font-size:11px; 
    font-family:Verdana;
    
}

.autocomplete_listItem li
{
 display:none;
     }    
.autocomplete_highlightedListItem
{
    font-size:11px; 
    font-weight:bold; 
    font-family:Verdana;
    color:Red;
       
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(imgs/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(imgs/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

/* admin panel*/
.adminpanel
{
    border-style:solid; 
    border-width:1px;
}

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:8pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/*Textbox Watermark*/
.unwatermarked {
	height:18px;
	width:148px;
}
.watermarked {
	height:18px;
	width:148px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray; 
	font-size:12px;
}	

.watermarkedmulti {
	width:148px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray; 
	font-size:12px;
}	

/* pop up calender */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}



/* Accordion */
.accordionHeader
{
    background-color:#FFFFFF;
  	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
   	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
	font-size: 12px;
	font-family:Lucida Sans Unicode;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-size: 12px;
	font-family:Lucida Sans Unicode;
}

.accordionHeaderNew
{
    background-color:WhiteSmoke;
  	font-size: 12px;
	font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: none;    
}

.accordionHeaderNew a
{
	background: none;
	text-decoration: none;
}

.accordionHeaderNew a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderBG
{
     background-color:WhiteSmoke;
	 border-style:solid; 
	 margin-top:2px;
	 border-width:1px; 
	 border-color:Black; padding:4px; 
}



