/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#daeed9;background:daeed9;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#009933;
}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;
	width: 321px;
	height: 100px;
}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;
    height: 128px;
    width: 144px;
}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}



	a.round:hover {background-position:right -155px;}
	a.round:hover ins {background-position:left -155px;}
	
.imageload {
     
display:block;  
background:url(/common/images/ajax-loader.gif) no-repeat 50% 50%;

}
.imageloadBAR {
     
display:block;  
background:url(/common/images/ajax-loader_BAR.gif) no-repeat 50% 50%;

}

.gradient 
{
a:link    color: #007934;

a:visited  color: #007934; 
a:hover    Text-decoration:Underline; cursor:hand ; 
a:active   position: relative;  
padding: 4px;

background: url(/common/images/gradient.png) 0% 0% repeat-x;
color: #fff;
}

#TopNavLogin
{
 float :left ;
   text-align: left;
   background-color :#5d9413;
   
}


#TopNavPageOptions
{
 float :Right ;
   text-align: Right;
      background-color: #5d9413;
}


.search-box{ /*outer background*/
background:url(http://qkin.com/wp-content/themes/qkinweb/images/search-box.gif) no-repeat top left;
height: 26px;
padding: 5px 0 0 10px;
width: 165px;
}
 
input.search-field{ /*input field */
float: left;
border:0;
margin:0;
font-family:tahoma;
font-size: 12px;
padding: 3px 0px 0px 4px;
height:18px;
background: #ffffff url(http://qkin.com/wp-content/themes/qkinweb/images/search-form.png) no-repeat top left;
width: 123px;
}
 
input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 5px;
height: 21px;
width: 21px;
background: url(http://qkin.com/wp-content/themes/qkinweb/images/search-icon.png) no-repeat top left;
cursor: pointer;
}
 
input.search-go:hover{ /*search icon hover "Does Not work in ie6" */
background:url(http://qkin.com/wp-content/themes/qkinweb/images/search-icon.png) no-repeat bottom left;
}


a:link    { color: #007934;
    }
a:visited { color: #007934; }
a:hover   { Text-decoration:Underline; cursor:hand ; }
a:active  { position: relative;  }

body {
	margin:0;
	color:#333;	
	height:100%;
	background-color :#5d9413;
}

h1 { font: large Verdana; font-weight: bold }
h2 { font: large Verdana; font-weight: bold }
h3 { font: large Verdana; font-weight: bold }
h4 { font: medium Verdana; font-weight: bold }
h5 { font: medium Verdana; font-weight: bold }
h6 { font: medium Verdana; font-weight: bold }

hr { width: 99%; 
color: #ccc; height: 1px;
    text-align: left;
}


fieldset  { padding:10px; border:1px solid #ccc; }
legend    { color:#000; border-color:#ccc; padding:10px; font-weight:bold; }


input[type=text], textarea, select
{
    border:1px solid #ccc;
    padding:4px;
    }
input[type=text]:focus, textarea:focus, select:focus {
    background:#FFFF66;
    }
input[type=text]:hover, textarea:hover, select:hover {
    background:#FFFFCC;
    }
    
    
    input[type=password]
    {
              border:1px solid #ccc;
              padding:4px;
    }
    input[type=password]:focus, textarea:focus, select:focus 
    {
            background:#FFFF66;
    }
    input[type=password]:hover, textarea:hover, select:hover 
    {
            background:#FFFFCC;
    }
        
            
    
    
    .ButtonsSearch
{
            padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #003255;
            border-left: 0px solid #003255;
            border-bottom: 0px solid white;
            font-size: small;
                color: White;
                font-family: Tahoma;
                background-color: #e39300;


                height:25px;
            }
            
            
              
    .ButtonsLogin
{
            padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #003255;
            border-left: 0px solid #003255;
            border-bottom: 0px solid white;
            font-size: small;
                color: White;
                font-family: Tahoma;
                background-color: #009e59;
                height:25px;
            }
            
             .ButtonsPageOptions
{
            padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #003255;
            border-left: 0px solid #003255;
            border-bottom: 0px solid white;
            font-size: small;
                color: White;
                font-family: Tahoma;
                background-color: #7bba52;
                height:25px;
    text-align: right;
}

            .navscroll
            {
            padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #003255;
            border-left: 0px solid #003255;
            border-bottom: 0px solid white;
            font-size: x-small;
                color: White;
                font-family: Tahoma;
                background-color: #ffa500;
                height:11px;
                
            }
            .ButtonsWeather
            {
            padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #003255;
            border-left: 0px solid #003255;
            border-bottom: 0px solid white;
            font-size: small;
                color: green;
                font-family: Tahoma;
                background-color: #cccccc;
                height:25px;
            }
             .ButtonsGrey
            {
            padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #000000;
            border-left: 0px solid #000000;
            border-bottom: 0px solid white;
            font-size: small;
                color: Grey;
                font-family: Tahoma;
                background-color: #333333;
                height:25px;
            }
            
            .Link
            {
               color: #000000; 
                
            }
            
            /*Weather on home */
            #scrollup {
	   position: relative;
	   overflow: hidden;
	   border: 0px solid #000;
	   height: 30px;
	   width: 350px
	 }
	 .headline {
	   position: absolute;
	   top: 210px;
         left: 5px;

	   width:350px;
	 }
	 /* END Weather on home */
	 
	 p {
padding: 0 0 1em;
}
.msg_list {
margin: 0px;
padding: 0px;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#009933;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}


/*Grain Prices */

.MakeMargin
{
margin-left: 15px;
margin-right :15px;

}
















         /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#fff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
    
    
button, input[type=submit] {
    font-size:11px;
    font-weight:bold;
    padding:4px 6px;
    cursor:pointer;
}

.styleimg
    {
     
                display:block;  
          background:url(common/images/ajax-loader.gif) no-repeat 50% 50%;
    }

#panel 
{
display: none;
	background: #007934;
	height: 300px;

}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 0px #422410;
	background: url(/www.senwes.co.za/www/common/images/arrow_down.png) no-repeat center top;
}
.btn-slide {
	
	text-align: center;

	padding: 0px 0px 0 0;
	margin: 0 auto;

	

	text-decoration: none;
}


/* Blueprint-Template DIV Layout Stuff */
.container {
    background-color:#fff;
    }

#swHead {
    height:199px;
	background-image :url(common/images/bg-header.jpg) no-repeat;
	top:0;
	left:0;
	width:100%;
    }

#swFoot {
    background-color:#ffa500;
  
}


#swLeft 
{    text-align: left;
     margin-left :1px;
     margin-left :1px;
    word-wrap: break-word;


}


#swRight {

float: right;

    top: -1px;
    left: 0px;
}
#swBack {

float: right;
    width: 79px;
}
#swMain {

 border-left : dotted 1px #999999;
 
  border-top : dotted 0px #999999;
  
  border-right : dotted 1px #999999;
  
 border-bottom: dotted 0px #999999;
 
  margin-bottom : 2px;
 padding-bottom :10px;
 margin-left : 10px;
 padding-left :10px;
 padding-right :10px;
  padding-top :0px;
 margin-top : 0px;

 
}
#swMain2Col {

 border-left : dotted 1px #999999;
 
  border-top : dotted 0px #999999;
  
  border-right : dotted 0px #999999;
  
 border-bottom: dotted 0px #999999;
 
  margin-bottom : 2px;
 padding-bottom :10px;
 margin-left : 10px;
 padding-left :10px;
 padding-right :0px;
  padding-top :0px;
 margin-top : 0px;

}
#swMainWide {

 border-left : dotted 0px #999999;
 
  border-top : dotted 0px #999999;
  
  border-right : dotted 0px #999999;
  
 border-bottom: dotted 0px #999999;
 
  margin-bottom : 2px;
 padding-bottom :10px;
 margin-left: 0.5px;
  margin-right: 10px;
 padding-left :-5px;
 padding-right :10px;
  padding-top :0px;
 margin-top : 0px;

}
#swMain2ColLite {

 border-left : dotted 1px #000;
 
  border-top : dotted 0px #999999;
  
  border-right : dotted 1px #999999;
  
 border-bottom: dotted 0px #999999;
 
  margin-bottom : 2px;
 padding-bottom :10px;
 margin-left: 10px;
  margin-right: 15px;
 padding-left :1px;
 padding-right :25px;
  padding-top :0px;
 margin-top : 0px;

}


.logo
{	
	background: url('common/images/bg-logo.png') no-repeat;		
	width: 302px;
	height: 82px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	display: block;
}
#swNavTop 
{
    background-color:Orange;
    width:731px;
    height:198px;
    margin-top:0px;
    margin-left:219px;
    vertical-align :middle ;
}

#swLogo
{
    position: relative;
     width: 303px; 
     height: 95px;
      z-index: 3;
       top: -65%;
    left: 47px;
}
#SearchBox
{
    position: relative;
     width: 220px; 
     height: 25px;
      z-index: 1;
       top: -67%;
    left: -220px;
    background-color:#000;
}
#Search 
{
    width :732px;
}


.ButtonTopSearch 
{
      padding: 0px 3px;
            border-right: 0px solid white;
            border-top: 0px solid #003255;
            border-left: 0px solid #003255;
            border-bottom: 0px solid white;
            font-size: small;
                color: White;
                font-family: Tahoma;
                background-color: #7bba52;
                height:25px;
    text-align: right;
}

.imagecontainer{
				  float:left;
				  clear:left;
				  background: url(/www._common/images/shadowAlpha.png) no-repeat bottom right !important;
				  background: url(/www._common/images/shadow.gif) no-repeat bottom right;
				  margin: 0px 0 0px 10px !important;
				  margin: 0px 0 0px 5px;
			}
			.imagecontainer img{
				display: block;
				position: relative;
				background-color: #fff;
				border: 1px solid #a9a9a9;
				margin: -6px 6px 6px -6px;
				padding: 4px;
			}

.dropshadow1{
	float:left;
	clear:left;
	background: url(/www._common/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/www._common/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 500px;
}
.dropshadow1 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}


.clear {
	clear:both
}

#gallery {
	position:absolute;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:1
	}

	#gallery .caption {
		z-index:2; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		top:-10;
		width:100%; 
		position:relative;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	     .TopOptions
        {
            float: left;
            width: 950px;
            text-align: left;
            margin-right: 0;
        }

/* Easy Slider */
 
	/* Easy Slider */
 
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		
		width:732px;
		height:148px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					
 
/* // Easy Slider */
		
 ul.tabs {
    width:250px;
    margin:0;
    padding:0;
}
ul.tabs li {
    display:block;
    float:left;
    padding:0 5px;
}
ul.tabs li a {
    display:block;
    float:left;
    padding:5px;
    font-size:0.8em;
    background-color:#999999;
    color:#000000;
    text-decoration:none;
}
.selected {
    font-weight:bold;
}
.tab-content {
	clear:both;
    border:1px solid #ddd;
    padding:10px;
}



ul#simple-menu{list-style-type:none;width:100%;position:relative;font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;font-weight:bold;margin:0;padding:0px 0 0 0; border-right:Dotted 1px white;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 5px;height:30px;}
ul#simple-menu li.left{margin:4;}
ul#simple-menu li a{display:block;float:left;color:#000;background:Orange;line-height:30px;text-decoration:none;padding:0 10px 0 15px;height:30px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#FF6600;}
ul#simple-menu li a.current{color:#fff;background:#00642e;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}



ul#simple2-menu{list-style-type:none;width:100%;position:relative;font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;font-weight:bold;margin:0;padding:0px 0 0 0; border-right:Dotted 1px white;}
ul#simple2-menu li{display:block;float:left;margin:0 0 0 5px;height:30px;}
ul#simple2-menu li.left{margin:4;}
ul#simple2-menu li a{display:block;float:left;color:#000;background:Green;line-height:30px;text-decoration:none;padding:0 10px 0 15px;height:30px;}
ul#simple2-menu li a.right{padding-right:19px;}
ul#simple2-menu li a:hover{background:#FF6600;}
ul#simple2-menu li a.current{color:#fff;background:#00642e;}
ul#simple2-menu li a.current:hover{color:#2E4560;background:#fff;}



	#accordion {
			border: 0px dotted #000;
			width: 530px;
			height: 310px;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 11px;
			position:relative !important;
			display:block;
			overflow:hidden;
			background-image:url(/Public/common/images/prodservices_bck.jpg);
			background-repeat:no-repeat;
			background-position:top left;
	}
	
	h32 {
			font-size: 12px;
			padding: 6px 6px 4px 21px;
			margin: 0;
			color:#fff;
			border-bottom:1px solid #333333;
			cursor:pointer;
			display:block;
			background-image:url(/Public/common/images/tabs-dwn.gif);
			background-position:top left;
			background-repeat:no-repeat;
	text-align :center ;
	}
	
	#visible {
			background-image:url(/Public/common/images/tabs-left-active.gif);
			border-bottom:1px solid #000;
			text-align :center ;

			
	}
	
	.panel_body {
			height:150px;
			background-color:#FFF;
			display:block;
			position:relative;
			color:#000;
				
	}
	
	.panel_body div {
			padding:3px 5px;
	}
	
	.panel{
		bottom:0px;
		margin:0px;
		padding:0px;
		background-image:url(/Public/common/images/tabs-up.gif);
		background-position:top right;
		background-repeat:repeat-x;
		background-color:#333333;
	}
	.wrapper{
		bottom:0px;
		position:absolute;
	}
	


.textboxstyle{

background-repeat: no-repeat;
background-position: center left;
padding-left: 18px;
background-color: #e39300 ;

font-family: arial, verdana, ms sans serif;
font-weight: bold;
 border:5px solid #e39300;
}

/*Menu for specific users */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;

}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #009B3A;
  color: #000;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background:#7EDFA6;
}

ul#menu li ul li a {
  background: #000;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #000
  border-left: 5px #000 solid;
  padding-left: 15px;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
/*END MENU STYLES */

/* search popup div style */

.advSearch 
{
    position: absolute;
    width: 100px;
    height: 100px; 
    z-index: 10; 
    left: 715px;
    top: 131px;
    display: none;
     padding:40px;
  margin:30px;
  border:solid 1px #555;


}
/* LOGIN USER POPUP */
div.popup
{
	display:none;
	position:absolute;
	border:solid 1px black;
	padding:8px;
	background-color:#ffffff;
	z-index :100;
	opacity:0.75;
	width:14%;
	height:11%;
	filter:alpha(opacity=75);

}
a.popup:hover + div.popup
{
	display:block;
}
div.popup:hover
{
	display:block;
}



/* Content Management Stuff */
.headline1 {
	padding:0px;
	margin:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:27px;
	font-weight:bold;
	}
.headline2 {
	padding:0px;
	margin:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal
	}
.headline3 {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
    text-align: left;
}
.blurb {
	font-size:12px;
	line-height:14px;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:15px;
}
.article_lead {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px;
line-height:25px;
padding-top:15px;
}
.article_body {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
line-height:20px;
}
.comment_box {
background:url("/_common/images/commentblock.png") no-repeat scroll 0 0 #FFFFFF;
display:block;
padding:20px 10px 10px;
width:550px;
}
.comment_bottom {
background:url("/_common/images/commentblock.png") no-repeat scroll 0 -1964px #FFFFFF;
height:35px;
margin-bottom:25px;
width:570px;
}
.comment_bottom_pad {
font-size:12px;
padding-left:65px;
padding-top:24px;
text-align:left;
}

/* Senwes Foreground Colors */
.swFg01 { color:#007934 }
.swFg02 { color:#009B3A }
.swFg03 { color:#00AF3F }
.swFg04 { color:#7EDFA6 }
.swFg05 { color:#E0F3F2 }
.swFgBlack { color:#000000 }
.swFgWhite { color:#FFFFFF }


/* Senwes Background Colors */
.swBg01 { background-color:#007934; color:#fff;
    text-align: left;
}
.swBg02 { background-color:#009B3A; color:#fff }
.swBg03 { background-color:#00AF3F; color:#fff }
.swBg04 { background-color:#7EDFA6 }
.swBg05 { background-color:#E0F3F2 }
.swBgDefault { background-color:#5d9413;
    text-align: right;
    height: 41px;
    width: 951px;
}


/* Info Messages Backgrounds (Info,Success,Warning,Error) */
.swBgInfo    { background-color:#EEEEEE; }
.swBgSuccess { background-color:#DFF2BF; }
.swBgWarning { background-color:#FEEFB3; }
.swBgError   { background-color:#FFBABA; }



/* Info Messsage Boxes with icons  (Info,Success,Warning,Error) */
.swMsgInfo, .swMsgSuccess, .swMsgWarning, .swMsgError {
    border: 2px solid;
    margin: 10px 0px;
    padding:4px 4px 4px 25px;
    background-repeat: no-repeat;
    background-position: 5px 4px;
    position: relative;
}
.swMsgInfo {
    color: #000;
    border-color:#ccc;
    background-color: #EEEEEE;
    background-image: url('/common/images/icons/silk/information.png');
}
.swMsgSuccess {
    color: #000;
    border-color:#4F8A10;
    background-color: #DFF2BF;
    background-image:url('/common/images/icons/silk/accept.png');
}
.swMsgWarning {
    color: #000;
    border-color:#9F6000;
    background-color: #FEEFB3;
    background-image: url('/common/images/icons/silk/error.png');
}
.swMsgError {
    color: #000;
    border-color:#FF0000;
    background-color: #FFBABA;
    background-image: url('/common/images/icons/silk/cancel.png');
}



/* Senwes-colored Messages Boxes */
.swMsgBG01, .swMsgBG02, .swMsgBG03, .swMsgBG04, .swMsgBG05 {
    color:#000;
    border: 1px solid;
    margin: 10px 0px;
    padding:4px 4px 4px 4px;
    background-repeat: no-repeat;
    background-position: 5px 4px;
    position: relative;
}
.swMsgBG01 { background-color:#007934; border:solid 2px #ccc; color:#fff; }
.swMsgBG02 { background-color:#009B3A; border:solid 2px #00AF3F; color:#fff; }
.swMsgBG03 { background-color:#00AF3F; border:solid 2px #009B3A; color:#fff; }
.swMsgBG04 { background-color:#7EDFA6; border:solid 2px #007934; }
.swMsgBG05 { background-color:#E0F3F2; border:solid 2px #007934; }




/* Form Message Boxes (Info,Success,Warning,Error) */
.swMsgF1Info { background:url('/_common/images/msgArrowInfo.gif') left center no-repeat; }
.swMsgF2Info 
{
    border:2px solid #ccc;
    background:#EEEEEE;
    background-image: url('/_common/images/icons/silk/information.png');
    }
.swMsgF1Success { background:url('/_common/images/msgArrowSuccess.gif') left center no-repeat; }
.swMsgF2Success 
{
    border:2px solid #4F8A10;
    background:#DFF2BF;
    background-image: url('/_common/images/icons/silk/accept.png');
    }
.swMsgF1Warning { background:url('/_common/images/msgArrowWarning.gif') left center no-repeat; }
.swMsgF2Warning 
{
    border:2px solid #9F6000;
    background:#FEEFB3;
    background-image: url('/_common/images/icons/silk/error.png');
    }
.swMsgF1Error { background:url('/_common/images/msgArrowError.gif') left center no-repeat; }
.swMsgF2Error 
{
    border:2px solid #FF0000;
    background:#FFBABA;
    background-image: url('/_common/images/icons/silk/cancel.png');
    }
.swMsgF1Info, .swMsgF1Error, .swMsgF1Success, .swMsgF1Warning
{ 
    position:absolute;
    padding-left:7px;
    margin-left:3px;
    min-width:150px; 
    max-width:250px;
    }
.swMsgF2Info, .swMsgF2Error, .swMsgF2Success, .swMsgF2Warning
{
    color:#000;
    display:block;
    border-left:none;
    padding:2px 5px 2px 22px;
    background-repeat: no-repeat;
    background-position: 2px 2px;   
}








/* Suggested use for HTML Forms (swForm1) */
.swForm1 {
	border:solid 1px #ccc;
    padding:15px;
}
.swForm1 h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
}
.swForm1 p {
	color:#666666;
}
.swForm1 .label {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	padding-right:5px;
}
.swForm1 .help {
	color:#666666;
	font-size:11px;
	font-weight:normal;
	padding-bottom: 15px;
}
.swForm1 .error {
	color:#FF0000;
	font-weight:bold;
}

.colSenGreen1
{
    color:#007934;
    
}
.colSenGreen2
{
    color:#009B3A;
    
}

span.colSenGreen3
{
    color:#7EDFA6;
    
}

.colSenGreen4
{
    color:#7EDFA6;
    
}

.colSenGreen5
{
    color:#E0F3F2;
    
}
.colSenOrange
{
    color:Orange;
    
}

.colSenRed
{
    color:Red;
    
}

.colSenMaroon
{
    color:Maroon;
    
}
.colSenWhite
{
    color:White;
    text-align: left;
}

.colSenBlack
{
    color:Black;
    
}
.colSenGreyk
{
    color:Gray;
    
}


/* Custom Classes */

@media print {
    .ScreenOnly { display:none; }
}

.swLinkInfo          { color: #0000FF; }	/* blue */
a.swLinkInfo         { color: #0000FF; }
a.swLinkInfo:visited { color: #0000FF; }
a.swLinkInfo:hover   { color: #000000; background-color:#E0F3F2; text-decoration: none; }

.swLinkWarning          { color: #FF9900; }	/* orange */
a.swLinkWarning         { color: #FF9900; }
a.swLinkWarning:visited { color: #FF9900; }
a.swLinkWarning:hover   { color: #000000; background-color:#E0F3F2; text-decoration: none; }

.swLinkError          { color: #FF0000; }	/* orange */
a.swLinkError         { color: #FF0000; }
a.swLinkError:visited { color: #FF0000; }
a.swLinkError:hover   { color: #000000; background-color:#E0F3F2; text-decoration: none; }

.swLinkSuccess          { color: #009900; }	/* orange */
a.swLinkSuccess         { color: #009900; }
a.swLinkSuccess:visited { color: #009900; }
a.swLinkSuccess:hover   { color: #000000; background-color:#E0F3F2; text-decoration: none; }




.demobox{
	
	
		width:731px;
		height:139px;
		border:0px solid #555;
		overflow:hidden;
	}
	.details{
		width:250px;
		height:139px;
		background:#000;
		color:#fff;
		text-align:left;
	}

	#demo-5{position:relative;
            top: 0px;
            left: 0px;
        }
	#demo-5 .details{
			filter:alpha(opacity=68);
	opacity:.68;
		position:absolute;
		top:0;
		right:0;
		margin-right:-700px;		
		-webkit-transition: margin-right;
		-webkit-transition-timing-function: ease-in;
		-webkit-transition-duration: 300ms;
	}
	#demo-5:hover .details{
		margin-right:0;
	}




.xx-large 	{ font-size: xx-large; }
.x-large 	{ font-size: x-large; }
.large 		{ font-size: large; }
.medium 	{ font-size: medium; }
.small 		{ font-size: small; }
.x-small 	{ font-size: x-small; }
.xx-small 	{ font-size: xx-small; }

hr.spacer {
    clear: both;
    height: 5px;
    white-space: normal;
    clip: auto;
    background-color:#ffffff;
}

.swPad { padding:8px; } /* Common Class for use in padding */







/* Hyperlink Icons */
a[href^="http://"] {
background:transparent url(/common/images/icons/sw/link.png) center right no-repeat;
display:inline-block;
padding-right:20px;
margin-left:5px;
margin-right:5px;
}
a[href^="mailto:"] {
background:transparent url(/common/images/icons/silk/email.png) center left no-repeat;
display:inline-block;
padding-left:20px;
margin-left:5px;
margin-right:5px;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] {
background:transparent url(/common/images/icons/silk/page_white_zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
margin-left:5px;
margin-right:5px;
}
a[href$='.pdf'] {
background:transparent url(/common/images/icons/silk/page_white_acrobat.png) center left no-repeat;
display:inline-block;
padding-left:20px;
margin-left:5px;
margin-right:5px;
}
a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
background:transparent url(/common/images/icons/silk/page_excel.png) center left no-repeat;
display:inline-block;
padding-left:20px;
margin-left:5px;
margin-right:5px;
}
a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(/common/images/icons/silk/page_word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
margin-left:5px;
margin-right:5px;
}



.rss-popup {
margin: 100px auto;
padding: 0;
width: 100px;
position: relative;
}
 
div.rss-popup em {
background: url(bubble.png) no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}
 
#rss-icon {
width: 42px;
height: 42px;
background: url(feed.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}
.feed_menu{
	background: url(/common/images/feed_menu_orange.png) 0 center no-repeat;
    padding:2px 0;
    display:-moz-inline-box;
    display:inline-block;
    width:38px;
    vertical-align:middle;
    overflow: hidden;
    margin:0 .25em;
}
.feed_menu.wood{
    background-image: url(/common/images/feed_menu_orange.png);
}
.feed_menu.azure{
    background-image: url(/common/images/feed_menu_orange.png);
}
.feed_menu.trans_on_light{
    background-image: url(/common/images/feed_menu_orange.png);
}
.feed_menu.trans_on_dark{
    background-image: url(/common/images/feed_menu_orange.png);
}
.feed_menu.open{
    background-position: -38px center !important;
}
.feed_menu select{
    opacity:0;
    margin:0;
    padding:0;
    border:0;
}
.feed_menu option img{
    border:0;
    margin:2px;
    vertical-align: middle;
}