
ul#css_nav li.top {
	float: left;
	margin:0 8px 0 8px;
	padding:0;
}
ul#css_nav li ul {
	margin:0;
}

@CHARSET "ISO-8859-1";

img {
	border: 0
}

html,body,wrapper,form,fieldset {
	border: 0 none;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url("../clients/synectic/structureimages/bg_page.png")
		repeat-x scroll center top #3f3c3a;
	margin: 0;
	min-width: 980px;
}

.centre {
	margin: 0 auto;
	
	width: 942px;
}

#header {
	height: 130px;
	background: url("../clients/synectic/structureimages/bg_header_blue_private.jpg")
		no-repeat scroll center top transparent;
	/*	z-index: -200;*/
	position: relative;
}

#menu {
	height: 39px;
	position: absolute;
	right: 10px;
	top: 48px;
	width: 441px;
}

#layout_shadows {
	margin: 0 auto;
	padding: 0 19px;
	width: 980px;
	background: url("../clients/synectic/structureimages/bg_shadow.png")
		repeat-y scroll center top transparent;
	width: 980px;
}

#page {
	background: url("../clients/synectic/structureimages/bg_highlight_blue_2.jpg")
		no-repeat scroll center top #4b4642;
	padding: 0 28px;
	padding-top: 0;
	width: 886px;
}

#quick_links {
	background:
		url("../clients/synectic/structureimages/bg_quick_links.png")
		no-repeat scroll center top transparent;
	height: 344px;
	width: 243px;
overflow: hidden;
}

#news_panel {
    background: url("../clients/synectic/structureimages/bg_private_panel.png") no-repeat scroll center top transparent;
    color: #CBCACA;
    float: left;
    font: 7pt/12pt arial,helvetica,sans-serif;
    height: 384px;
    margin: 24px 23px 24px 0;
    padding: 29px 31px 0;
    position: relative;
    width: 181px;
}

#contents_top {
	background: url("../clients/synectic/structureimages/bg_thin_top.png")
		no-repeat scroll center top transparent;
height: 6px;
}

#contents_bottom {
	background: url("../clients/synectic/structureimages/bg_thin_bottom.png")
		no-repeat scroll center top transparent;
height: 6px;
}

#contents_container {
	float: right;
	margin: 24px 0;

}

#contents {
	width: 552px;
	min-height: 347px;
	background-color: #383634;
	/*border-radius: 8px;*/

	padding: 18px 34px;
}


#footer {
	width: 887px;
	height: 160px;
	background: url("../clients/synectic/structureimages/bg_footer.png")
		no-repeat scroll center top transparent;
}

#footer_shadow {
padding: 0 19px;
	background:
		url("../clients/synectic/structureimages/bg_footer_shadow.png")
		no-repeat scroll center top transparent;
	width: 980px;
	height: 125px;
	margin: 0 auto;
}

/**********************************************************************
**		Header Panel
**********************************************************************/
#header>a {
	display: block;
	height: 72px;
	left: 9px;
	position: absolute;
	top: 20px;
	width: 287px;
}

/**********************************************************************
**		Menu Panel
**********************************************************************/
/*#menu select {*/
/*	color: black;*/
/*	position: absolute;*/
/*	right: 3px;*/
/*	top: 8px;*/
/*	width: 110px;*/
/*	height: 24px;*/
/*	font: 10pt/17pt arial;*/
/*}*/
/**/
/*.customStyleSelectBox {  Styles For Your Select Box */
/*	color: white;*/
/*	float: right;*/
/*	font: 10pt/18pt arial;*/
/*	height: 24px;*/
/*	margin-right: 8px;*/
/*	margin-top: 8px;*/
/*	padding-left: 5px;*/
/*	width: 105px;*/
/*}*/

/**********************************************************************
**		Quicklinks Panel
**********************************************************************/
.ql_item {
    border-bottom: 1px solid #605F5F;
    height: 96px;
    padding: 9px 21px;
}

.ql_item h1 {
	color: white;
	font: 12pt/14pt arial, helvetica, san-serif;
	margin: 5px 0;
}

.ql_item p {
	color: #CBCACA;
	font: 8pt/12pt arial;
	margin: 5px 0;
padding: 0;
}

.ql_item img {
	
}

/**********************************************************************
**		News Panel
**********************************************************************/


#news_panel p {
padding: 0;
}

#news_panel h1 {
	font: bold 9pt/12pt arial, helvetica, sans-serif;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase;
}

#news_panel #news_text {
	margin-top: 5px;
	overflow: hidden;
	height: 30px;
display: block;
}

#news_panel #newsletter_blurb {
    height: 34px;
    margin-bottom: 8px;
    margin-top: 110px;
    overflow: hidden;
display: block;
}

#news_panel input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #CBCACA;
	height: 32px;
	margin-top: 3px;
	padding-left: 11px;
	width: 176px;
}

#news_panel #submit {
	display: none;
}

/**********************************************************************
**		Panel Specific Code
**********************************************************************/
.articles {
	float: left;
	margin-right: 21px;
	width: 302px;
}

/**********************************************************************
**		Footer Panel
**********************************************************************/
#send_a_message {
	height: 74px;
	left: 24px;
	padding: 5px;
	position: relative;
	top: 50px;
	width: 178px;
	float: left;
}

#send_a_message h1 {
	display: none;
}

#send_a_message textarea {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #ededed;
	font: 8pt/12pt arial;
	height: 100%;
	width: 100%;
}

#send_a_message input {
background: none repeat scroll 0 0 transparent;
color: #CCC;
font-size: 8pt;
width: 170px;
border: 0;
margin: 3px 0 0 5px;
padding: 3px;
}

#contact_details {
	float: left;
	height: 113px;
	margin-left: 165px;
	margin-top: 21px;
	width: 171px;
}

#contact_details h1 {
	color: #808080;
	font: 11pt/12pt arial;
	margin: 5px 0;
}

#contact_details ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contact_details li {
	color: #cbcaca;
	font: 8pt/11pt arial;
}

#testimonials {
	float: left;
	height: 113px;
	margin-left: 26px;
	margin-top: 21px;
	width: 308px;
}

#testimonials p {
	color: #cbcaca;
	font: 10pt/14pt arial;
	height: 55px;
	margin: 0;
	overflow: hidden;
padding: 0;
}

#testimonials strong {
	color: #808080;
	display: block;
	font: 8pt/23pt arial;
	height: 20px;
	margin-left: 70px;
}

#testimonials a {
	display: block;
	height: 27px;
	margin-left: 68px;
	margin-top: 7px;
	text-indent: -5000px;
	width: 146px;
}

#site_links {
	color: #666666;
	font: normal 8pt/12pt Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

#site_links a {
	text-decoration: none;
	color: #666666;
}

#site_links a:hover {
	text-decoration: underline;
	color: #333333;
}


/*********************************************************************

jQuery UI DropDown v1.0
http://uraniuminteractive.com

Copyright 2011, Frank Parent for Uranium Interactive
Free to use and abuse under the MIT license.
http://www.opensource.org/licenses/mit-license.php

**********************************************************************/

.ddContainer, .ddContainer a {
    
    font: 10pt arial;
}
.ddContainer a {
    cursor: default;
    display: block;
    text-decoration: none;
}
.ddOptionList li a {
    background: none;
    border: none;
    padding-right: 4px;
}
.ddContainer a.selected {
    background-color: #3399FF !important;
    color: #ffffff !important;
}
.ddToggle {
    background: none;
	border: none;
    display: block;
    height: 14px;
    padding: 3px 0 2px 6px;
    position: relative;
    z-index: 1;
    color: #cdc0c0 !important;
}
.ddToggle span {
/*    border-color: black white white;*/
/*    border-style: solid;*/
/*    border-width: 4px;*/
/*    display: block;*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: 4px;*/
/*    top: 8px;*/
/*    width: 0;*/
}
.ddOptionList {
    background-color: #FFFFFF;
    border-color: #B2B2B2 #000000 #000000 #B2B2B2 !important;
    border-style: solid !important;
    border-width: 1px !important;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
}


.ddOptionList li.optgroup {
    cursor: default;
    font-style: italic;
    font-weight: bold;
}

.ddContainer {
    height: 24px;
    position: absolute !important;
    right: 8px;
    top: 8px;
    width: 111px;
}

.ddContainer a {
	color: black;
}

.ui-tabs-panel {
overflow: auto;
}

.toggler { height: 200px; }

#button {
    color: #CDC0C0;
    display: block;
    font: 12px arial,helvetica,sans-serif;
    height: 20px;
    padding: 4px 0 0 7px;
    position: absolute;
    right: 13px;
    text-decoration: none;
    top: 8px;
    width: 103px;
}

#effect {    
    padding: 5px 0;
    position: absolute;
    right: 5px;
    top: 40px;
    width: 150px;
}

#effect ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#effect ul li a {
    color: white;
    display: block;
    font: 12px/25px arial,helvetica,sans-serif;
    height: 25px;
    padding: 0 15px;
text-decoration: none;
}

#effect ul li a:hover {
background-color: #245775;
}



/**********************************************************************************************/


/* Component containers
----------------------------------*/
#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#widget-docs .ui-widget-header a { color: #ffffff; }
#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
#widget-docs .ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }
#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }
#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/*
----------------------------------*/

#widget-docs { margin:20px 0 0; border: none; }

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
#widget-docs code strong { color:#000; }
#widget-docs p { margin:0 3em 1.2em 0; }
#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
#widget-docs ul { list-style-type: none; }

#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }

#docs-overview-main { width:400px; }
#docs-overview-sidebar { float:right; width:200px; }
#docs-overview-sidebar a span { color:#666; }
#widget-docs #docs-overview-main p { margin-right:0; }
#widget-docs #docs-overview-sidebar h4 { padding-left:0; }

.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
#widget-docs .docs-list-header h2 { float:left; margin:0; }
#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }

.docs-list { float:left; width:100%; padding:0 0 10px; }
.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
#widget-docs .param-header h3 { width:50%; }
#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; }
#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; }
#widget-docs .param-header p { width:24%; }
#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }

.param-details { padding-left:13px; }
.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc;  }


/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active { color:#0b559b; }

.securepanel_big {
margin:10px 0 0 0;
color: #d6d3d3;
font-size:13pt;
}

.securemenu ul {padding:10px 0 0 0;}
.securemenu li {list-style-type:none; border-bottom: 1px solid #426E8B; padding: 5px;}
.securemenu li a {font-size:9pt; text-decoration:none; color:#ffffff;}
.securemenu li a:hover {color:#9dcc4a; text-decoration:underline;}
.logoutbutton {margin:15px 0 0 0;}



/* sub menu list styling */
#sml_styling ul {
list-style:none outside none;
padding:0;
margin:px;
}
#sml_styling li {float:left;}
#sml_styling li a {
margin:px;
padding:px;
font-size: pt;
font-weight: ;
text-decoration:none;
}
#sml_styling li.off a {
background: transparent;
color: #;
display:block;
}
#sml_styling li.on a {
background: transparent;
color: #;
display:block;
}
#sml_styling li.off a:hover {
background: transparent;
color: #;
}
	

/* pagination css */
.pagination {font-size: 80%; margin: 10px 0 0 0;}
.pagination a {text-decoration: none; border: solid 1px #AAE; color: #15B;}
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px;}
.pagination .current {background: #26B;	color: #fff; border: solid 1px #AAE;}
.pagination .current.prev, .pagination .current.next{color:#999; border-color:#999; background:#fff;}
	
