/**************************************************************

SHAZAM Standard styles 

***************************************************************/ 


#SHAZAM_container	{
		width:975px;
		margin:5px 5px 5px 5px;
		text-align:left;
		background-color: #ffffff;
		padding: 5px;
		}
	
#SHAZAM_header_menu_nav {
		left: 0px;	
		top: 0px; 			
		height: 22px; 	 
		z-index: 9001;	
		margin: 0px;
		background:#ffffff;
		}

#SHAZAM_header_nav_container { height: 20px; overflow: hidden; margin: 0; padding: 2; float: right; }
		
/* Don't put a width in here - IE6/7 bug will put this below floats */	
#SHAZAM_container_mid	{
		position:relative;	
		left:0px;
		margin: 0px;
		}
#SHAZAM_left {
		width: 190px; 	
		float:left;
		margin: 0px;
		}
		
#SHAZAM_menu_outside {
		background-color:#ffffff;
		}
		
#SHAZAM_menu_inside {
		padding: 1px 0px 1px 0px;
		}
		
#SHAZAM_mid_outside {
		vertical-align: top;
		margin: 0px 10px 10px 10px; 
		padding: 0px;
		}
		
#SHAZAM_mid_inside {
		width: 540px; 
		margin: 0px; 
		padding: 0px 0px 1px 0px;
		}
		
#SHAZAM_2column {
		vertical-align: top;
		margin: 0px 0px 0px 10px; 
		padding: 0px;
		overflow:auto;
		}
		
#SHAZAM_2column_inside {
		width: 770px; 
		margin: 0px; 
		padding: 0px 0px 10px 5px;
		overflow:auto;
		background:#ffffff;
		float: right;
		overflow:hidden;
		}		
		
#SHAZAM_content_header {
	padding:3px 5px 3px 5px ;
	margin: 0px 0px 0px 0px;}
	
#SHAZAM_content_divider {
	margin: 0px 0px 0px 0px;	
	background-image: url(/_images/backgrounds/bg_dots_grey.gif); 
	background-repeat: repeat-x;
}

#SHAZAM_demoright
{
    position:relative; 
    width: 29%; 
    float: right; 
    margin-left:5px; 
    margin-top:10px; 
    margin-right:0px; 
    margin-bottom:10px;
    padding-right:2px;
    padding-left:4px;
    border-color:transparent;
    background-color:#ededed;
    text-align:left;
}

#SHAZAM_homeright
{
    position:relative;
    width: 29%; 
    float: right; 
    margin-left:5px; 
    margin-top:10px; 
    margin-right:0px; 
    margin-bottom:10px;
    padding-right:2px;
    padding-left:4px;
    border-color:transparent;
    background-color:#ffffff;
    text-align:left;
}

#SHAZAM_right	{
		width: 225px; 
		float:right;
		margin: 0px; 
		padding: 50px 0px 0px 0px;
		}
#SHAZAM_module	{
		width: 215px; 
		padding: 1px 5px 1px 5px; 
		margin: 0px 0px 0px 0px; 
		background-color: #ededed;
		border-bottom-color: #ff0000;
		}
		
#SHAZAM_module_news	{
		width: 215px; 
		padding: 1px 5px 1px 5px; 
		margin: 0px 0px 0px 0px; 
		background-color: #ededed;
		}		
		
#SHAZAM_footer 
{
        border-top:4px solid #666666;
		width: 975px;
		height: 40px;
		margin: 5px 0px 0px 0px; 
		float: left;
		}

/* Left Menu Styles */
.menu_topsection {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif;
	font-size: 13.5px;
	font-weight: bold;
	color: #444;
	background-color:#ededed;
	padding: 3px 5px 3px 5px;	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
  	}
.menu_subsection {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif;
	font-size: 13.5px;
	color: #ff0000;
	/*background-image: url(/_images/backgrounds/bg_submenu1.jpg);*/
	padding: 3px 3px 3px 15px;
	}
.menu_toplink {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif; 
	font-size: 13.5px; 
	font-weight: bold; 
	background-color:#ededed;
	color: #444; 
	text-decoration: none;
	}
.menu_sublink {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif; 
	font-size: 13.5px;
	color:#444444;
	text-decoration: none; 
	}
.menu_sublink2 {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif; 
	font-size: 16px;
	color:#444444;
	text-decoration: none; 
	font-weight: bold;
	}		
.menu_sublink:hover {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif; 
	font-size: 13.5px; 
	text-decoration: underline; 
	}
.menu_sublink_active {
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif; 
	font-size: 13.5px; 
	color: #ff9933;
	}
.menu_border {
/*	background-image: url(/_images/backgrounds/bg_dots_white.gif);*/
	color: #FFFFFF;
	margin: 0px;
	}
	
.menu_border_sublink {
/*background-image: url(/_images/backgrounds/bg_submenu_dots_blue1.jpg);*/
margin: 0px;
}


/* Boxes */
div.box_grey_t 		{background-image: url(/_images/boxes/grey_pixel.gif);  background-position: top left; 		background-repeat: repeat-x;}
div.box_grey_r 		{background-image: url(/_images/boxes/grey_pixel.gif); 	background-position: top right; 	background-repeat: repeat-y;}
div.box_grey_b 		{background-image: url(/_images/boxes/grey_pixel.gif); 	background-position: bottom left;	background-repeat: repeat-x;}
div.box_grey_l 		{background-image: url(/_images/boxes/grey_pixel.gif);	background-position: top left;		background-repeat: repeat-y;}

/* Common Items */
body 
{
	margin : 0px;
    background-color: #ededed;
	color:#444444;
    font-family:Segoe UI, Verdana, Arial, Tahoma, sans-serif;
	font-size:13.5px;
}

.heading_medium{
	font-family: Segoe UI, Verdana, Arial, Tahoma, sans-serif; 
	font-size: 14px;
	color:#444444;
	text-decoration: none; 
	font-weight: bold;
	}

/* Anchors <a> */
a 			{color:#003366;	text-decoration:underline;}
a:active 	{color:#50607C;	text-decoration:underline;}
a:hover 	{color:#ff7900;text-decoration:underline;}
a img 			{border: 0px #FFFFFF none;}
a:active img	{border: 0px #FFFFFF none;}
a:hover img	{border: 0px #FFFFFF none;}
a.nodec {text-decoration:none}
a.nodec:hover {text-decoration:none}
.headline {color:#003366; font-size:13px; font-weight:bold;}
.header {color:#003366; font-size:13px; font-weight:bold;}
.subheader {color:#003366; font-size:12px; font-weight:bold;}
.fineprint {color:#003366; font-size:11px;}
.topheader {color:#003366; font-size:14pt; font-weight:bold; font-family:Segoe UI, Verdana, Arial, Tahoma, sans-serif;}
.super {font-size: 10px; vertical-align:super;}
.copyright {text-align: right; margin:0px 6px 0px 0px;	color:#666666; font-family:Segoe UI, Verdana, Arial, Tahoma, sans-serif; font-size:x-small;
}

/* If we don't explicitly choose a size for H2, H3, Firefox and IE
   choose sizes that are all different.
 */
h2 { font-size: 18px }
h3 { font-size: 15px; padding:0px; margin: 12px 0 8px 0 }

/* Bullets */
li { padding: 0 0 5px 0 }

/* Table cells */
td.heading { border-bottom: 1px dotted black }
td.title { font-weight: bold }
td.right { text-align: right }
td.center { text-align: center }
td.ledger-shade { background-color: #dddddd }

/* Header Nav */
#SHAZAM_header_nav {background-color: #ffffff; left: 0px;	top: 87px; 	 height: 5px; z-index: 9001;	padding-top: 2px;  padding-bottom: 6px}	

/* Command colour blue */
.command {color: #0000FF; font-weight: bold}
.commandoption {color: #660066; font-weight: bold}
.commandslash {color: #000000; font-weight: bold}

#components, .customization{ margin:10px 0 0 25px; }
#components li, .customization li{ margin-bottom:3px; }

#gallery{ margin-top:20px; width:100%; }

#gallery img{ border: 5px solid #78c7f2; }

.code { margin:10px; font-size:13px; color:#6C0; }

/* Roadmap */ 
.roadmap { background:#ededed; clear:both;}
.roadmap table 	
{
    position:relative;  
    width:100%;	
    border:1px solid #003366; 
    background:#FFF;
}

.roadmap table caption 	
{
    margin:0; 
    padding:6px 8px; 
    text-align:left; 
    border:1px solid #003366;	
    background-color:#FFF; 
    font-weight:bold;
}
    
.roadmap table th, .roadmap table td 
{
    margin:0; 
    padding:6px 8px;
    text-align:left; 
    border-bottom:1px solid #003366; 
    border-right:1px solid #003366; 
    font-weight:normal;
}

.roadmap table th 	
{
    color:#444444;	
    background-color:#ededed;	
    font-weight:bold;
}

.roadmap table .content 
{
    text-align:left;
}

/* Cool Table */ 
.cooltable2 { background:#ffffff; clear:both;}
.cooltable2 table 	
{
    margin-left: 50px;
    position:relative;  
    width:80%;	
    border:1px solid #003366; 
    background:#ededed;
}

.cooltable2 table caption 	
{
    margin:0; 
    padding:6px 8px; 
    text-align:left; 
    border:1px solid #003366;	
    background-color:#FFF; 
    font-weight:bold;
}
    
.cooltable2 table th, .roadmap table td 
{
    margin:0; 
    padding:6px 8px;
    text-align:left; 
    border-bottom:1px solid #003366; 
    border-right:1px solid #003366; 
    font-weight:normal;
}

.cooltable2 table th 	
{
    color:#444444;	
    background-color:#ededed;	
    font-weight:bold;
}

.cooltable2 table .content 
{
    text-align:left;
}

/* Link Buttons */ 
div.socialparent
{
    position:relative;
}

div.socialbuttons
{
    position: absolute;
    z-index: 100;
    text-align:right;
    margin: auto;
    padding: 20px 0px 6px 0px;
}

div.plusonebutton
{
    position: absolute;
    z-index: 110;
    margin: auto;
    padding: 16px 0px 0px 0px;
    left: 184px;
}

/* Orange button */ 
div.orangebutton
{
    width: 80%;
    margin: auto;
}

div.orangebutton a
{
    border: 0;
    color: white;
    display: block;
    font: bold 108.33%/115% "Segoe UI",sans-serif;
    padding: 7px 30px 7px 30px;
    text-align: center;
    text-transform: uppercase;
    background-color: #D1480E;
    border: 1px solid #D1480E;
    text-decoration: none;
}

div.orangebutton a:hover, a:active, a:focus 
{
    background-color: #003366;
    border: 1px solid #003366;
    text-decoration: none;
}

/* Blue button */ 
div.bluebutton
{
    width: 50%;
    margin: auto;
}

div.bluebutton a
{
    border: 0;
    color: white;
    display: block;
    font: bold 108.33%/115% "Segoe UI",sans-serif;
    padding: 7px 30px 7px 25px;
    text-align: center;
    text-transform: uppercase;
    background-color: #003366;
    border: 1px solid #003366;
    text-decoration: none;
}

div.bluebutton a:hover, a:active, a:focus 
{
    background-color: #D1480E;
    border: 1px solid #D1480E;
    text-decoration: none;
}