/* ##### General styles #####*/

body
{
	background-color:#FFD957;	
	color: #000000;	
}

.Popup 
{
	background-color:#FFF;		
}

a 
{
	color: #000000;	
}

a:Hover 
{
	color: #990000;
}

#MainTitleBar {		
	background-color: #99cc66;			
}

#LoginLogo {
	background: url(/skins/2010reskin/images/mainImages/logos/fasttomato/logostatic.gif);	
}

#LoginBoxCell {
	background:url('/skins/default/images/panels/loginbox.gif') right no-repeat;
}

#TitleBarLogoLink {
	background-image: url(/skins/2010reskin/images/mainImages/logos/fasttomato/logo.gif);
	background-repeat:no-repeat;
	width: 289px;
	height: 55px;	
	text-indent: -200px;
}


/* ##### Backgrounds #####*/

.whitebackground {background-color: #FFFFFF;}

.background1 {background-color: #CCFFCC;}

.background2 {background-color: #99cc66;}

.background3 {background-color: #FFCC66; }

.background4 {background-color: #990000;}

.background5 {background-color: #FFCC66; }

/* ##### Font Colours ##### */

.FontDrkGreen {	color: #336633;}
.FontDrkRed { color: #990000; }
.FontWhite { color: #FFFFFF; }
.FontRed { color: #CC0000; }

.FTTextOutline { color: #663333;}
.FTTextShadow { color: #DD7711;}
.FTPanelBackground {background-color: #cc3333;}
.FTPanelShadow {background-color: #663333;}
.FTPanelFrame {background-color: #990000;}
.AltFTTextOutline { color: #669933;}
.AltFTTextShadow { color: #666633;}
.AltFTPanelBackground {background-color: #99cc66;}
.BlankFTTextOutline { color: #663333;}
.BlankFTTextShadow { color: #663333;}
.BlankFTPanelBackground {background-color: #FFFFFF;}

/* ##### Borders / Boxes #####*/

.Border2px {	
	border: 2px solid #990000;	
	padding: 5px;
}

.AltBorder2px {	
	border: 2px solid #669933;	
	padding: 5px;
}

.BorderTB 
{
	border: 2px solid #990000;
	border-width: 2px 0px 2px 0px;
}

.BorderTRB 
{
	border: 2px solid #990000;
	border-width: 2px 2px 2px 0px;
}

.BorderR 
{
	border-color: #990000;	
	border-style: solid;
	border-width: 0px 2px 0px 0px;
}

.BorderB 
{
	border: 2px solid #990000;
	border-width: 0px 0px 2px 0px;
}

.BorderAllNoPad {	
	border: 2px solid #990000;
	border-collapse:collapse;
}

/* ###### Link Styles ######*/


.linksBlack {font-size: 12px;	}
.linksBlack:visited {color:#000000;}
.linksBlack:hover {	color: #990000;}

.panelSuggestionLinks {margin:0px; padding: 0px;}
.panelSuggestionLinks:active { 	background: #cccc99;  }
.panelSuggestionLinks:focus  { 	background: #cccc99;  }



.ResultsSlider
{	
	font-size: 14px; 	 
	color: #990000; 
	font-weight: bold;
}
.ResultsSlider:Link {	color: #000000; }
.ResultsSlider:Visited  {color: #000000; }
.ResultsSlider:Hover {	color: #990000; }



.messageBanner
{	
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color:#FFFFFF;		
	padding: 5px 5px 5px 5px;	
	text-align:center;
	border: 2px solid #990000;	
	display:block;
}
.errorMessage
{	
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;	
	color: #E01010;	
	font-weight:bold;
}
.panelBodyText {	
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.panelWhite
{
	background-color:#ffffff;
	padding-left: 10px;
}

.tMailListHeaderText {	
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	padding-left: 5px;
	font-weight: bold;
	background-color: #CC6666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.redHR
{
	width: 100%;
	height:1px;
	background-color: #990000;
}
.popupTopPanel 
{
	background-color: #FFD957;	
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #336633;
}
.popupSeparator
{
	background-color: #cc3333;	
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;	
}	

/* Title bar layout */

#SubTitleBar { background: url(/skins/default/images/panels/menustripbgtall.gif) repeat-x;}

/* Panels CSS */

.defaultPanel {position: relative; background: url(/skins/default/images/panels/DefaultPanel_P5.gif) repeat-y right;background-color: #FFFFFF;margin-bottom: 15px; text-align: left; }    
.defaultPanel .top { position: absolute;z-index: 2;width: 100%;background: url(/skins/default/images/panels/DefaultPanel_P2.gif) repeat-x;height: 31px;border-bottom:solid 1px #990000;}
.defaultPanel .top .tLeft {position: relative; background: url(/skins/default/images/panels/DefaultPanel_P1.gif) no-repeat; height: 31px;width:17px;float: left;}
.defaultPanel .top .tRight {position: relative; background: url(/skins/default/images/panels/DefaultPanel_P3.gif) no-repeat; height: 31px;width:15px;float: right;}    
.defaultPanel .bottom {clear: both; position: absolute; bottom: -31px;width: 100%;background: url(/skins/default/images/panels/DefaultPanel_P7.gif) repeat-x;height: 31px;}
.defaultPanel .bottom .bLeft {position: relative;background: url(/skins/default/images/panels/DefaultPanel_P6.gif) no-repeat; height: 31px;width:17px;float: left;}
.defaultPanel .bottom .bRight {position: relative;background: url(/skins/default/images/panels/DefaultPanel_P8.gif) no-repeat; height: 31px;width:15px;float: right;}    
.defaultPanel .displayBoxContent {position: relative; padding: 31px 15px 0px 15px;background: url(/skins/default/images/panels/DefaultPanel_P4.gif) repeat-y left;overflow: hidden;}
/*.defaultPanel .displayBoxContent {position: relative; padding: 31px 9px 0px 6px;background: url(/skins/default/images/panels/DefaultPanel_P4.gif) repeat-y left;overflow: hidden;}*/

/*.defaultPanel .displayBoxContent table td {padding: 1px 10px 1px 10px;}*/
/*.defaultPanel .displayBoxContent div {padding: 1px 10px 1px 10px !important;}*/

.altPanel {position: relative; background: url(/skins/default/images/panels/AltPanel_P5.gif) repeat-y right;background-color: #FFFFFF;margin-bottom: 15px; text-align: left;}    
.altPanel .top { position: absolute;z-index: 2;width: 100%;background: url(/skins/default/images/panels/AltPanel_P2.gif) repeat-x;height: 31px;border-bottom:solid 1px #669933;}
.altPanel .top .tLeft {position: relative; background: url(/skins/default/images/panels/AltPanel_P1.gif) no-repeat; height: 31px;width:17px;float: left;}
.altPanel .top .tRight {position: relative; background: url(/skins/default/images/panels/AltPanel_P3.gif) no-repeat; height: 31px;width:15px;float: right;}    
.altPanel .bottom {position: absolute; bottom: -31px;width: 100%;background: url(/skins/default/images/panels/AltPanel_P7.gif) repeat-x;height: 31px;}
.altPanel .bottom .bLeft {position: relative;background: url(/skins/default/images/panels/AltPanel_P6.gif) no-repeat; height: 31px;width:17px;float: left;}
.altPanel .bottom .bRight {position: relative;background: url(/skins/default/images/panels/AltPanel_P8.gif) no-repeat; height: 31px;width:15px;float: right;}    
.altPanel .displayBoxContent {position: relative; padding: 31px 15px 0px 15px;background: url(/skins/default/images/panels/AltPanel_P4.gif) repeat-y left;overflow: hidden;}

/* TMail layout */

#TmailMenu {position:relative;padding: 0px 20px; width: 340px; height:57px; background: url(/skins/default/images/tmail/tMailCtrlSection02.gif) repeat-x }
#TmailMenuLeft {position:absolute; left: 0px;width: 14px; height:57px; background-image: url(/skins/default/images/tmail/tMailCtrlSection01.gif); background-repeat:no-repeat; }
#TmailMenuRight {position:absolute; right: 0px;top: 0px; width: 15px; height:57px; background-image: url(/skins/default/images/tmail/tMailCtrlSection03.gif); background-repeat:no-repeat; }

/* Link button css*/
a.bt_S {background-image: url(/skins/default/images/minibuttons/btn_s.png);width: 75px;}
a.bt_M {background-image: url(/skins/default/images/minibuttons/btn_m.png);width: 100px;}
a.bt_L {background-image: url(/skins/default/images/minibuttons/btn_l.png);width: 150px;}

a.bt span {color: #000;}
a.bt:hover span{color: #990000;}

.inputButtonOff {color: #000;}
.inputButtonOver { color: #990000;}

.inputButton_S {background-image: url(/skins/default/images/minibuttons/btn_s.png); width: 75px; }            
.inputButton_M {background-image: url(/skins/default/images/minibuttons/btn_m.png); width: 100px; }            
.inputButton_L {background-image: url(/skins/default/images/minibuttons/btn_l.png); width: 150px; }



