/*[variables]
colors
{
	swordblue: #225588;
	swordyellow: #FFCC00;
	mainfont: #545454;
	swordbluehover: #2C66A1;
	swordwhite: white;
	lightergrey: #DCDFE1;
}
*/
/*[webpath]http://demo.ciboodle.com/swordify1/templates/sword-template/css/template.css*/
/*[webpath]http://demo.ciboodle.com/swordify1/templates/sword-template-wordmark-01/css/template.css*/
/*[webpath]http://demo.ciboodle.com/swordify1/templates/sword/css/template.css*/
/*[webpath]file:///C:/Documents and Settings/forrest/Desktop/sword/basic-html/css/template.css*/
/*CSS for Sword Website template
(c) 2008 Sword Group
graeme.forrest@ciboodle.com*/
BODY
{
	color: #545454;/*[e]mainfont*/
	background: #D7E6F4 url(../App_Images/layout/background.png) repeat-x;
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.clear
{
	clear: both;
}
A
{
	color: #225588;/*[e]swordblue*/
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
A.external
{
	background: url(../App_Images/content-images/link_external.png) no-repeat 0 40%;
	padding-left: 13px;
}
A.file
{
	background: url(../App_Images/content-images/file.png) no-repeat 0 40%;
	padding-left: 13px;
}
A.email
{
	background: url(../App_Images/content-images/email.png) no-repeat 0 40%;
	padding-left: 13px;
}
A.print
{
	background: url(../App_Images/content-images/print.png) no-repeat 0 40%;
	padding-left: 13px;
}
A.pdf
{
	background: url(../App_Images/content-images/pdf.png) no-repeat 0 40%;
	padding-left: 13px;
}
/*Headers
H1 and H2 are identical in appearance. This allows you to use a header similar to H1,
without the need of using H1 - diluting the importance of H1 in relation to SEO*/
H1
{
	color: #225588;/*[e]swordblue*/
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
H2
{
	color: #225588;/*[e]swordblue*/
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
H3
{
	color: #FFCC00;/*[e]swordyellow*/
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
H4
{
	color: #545454;/*[e]mainfont*/
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
H5
{
	color: #225588;/*[e]swordblue*/
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
H6
{
	color: #545454;/*[e]mainfont*/
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
IMG
{
	border: none;
}
/*Overall Layout Styles
General Layout Styles*/
.verticle-seperator
{
	color: #FFCC00;/*[e]swordyellow*/
	margin: 0px 10px;
}
/*Container - The overall container*/
#container
{
	background: white;
	margin: 15px auto;
	width: 975px;
}
/*Header - Sword Logo and site 'tools', such as search etc*/
#header
{
	color: #225588;/*[e]swordblue*/
	height: 60px;
	padding: 0px 20px;
}
#header-logo
{
	float: left;
}
#header-right
{
	float: right;
	margin: 22px 0px 0px;
	width: 695px; /* Original is 692px but I need more space :P */
}
/*Header > Product Select*/
#sword-products
{
	background: url(../App_Images/layout/seperator.gif) no-repeat right;
	float: left;
	padding: 0px 10px 0px 0px;
	width: 214px;
	height: 18px;
}
SELECT#swordproducts
{
	border: 1px solid #225588;/*[e]1px solid swordblue*/
	color: #225588;/*[e]swordblue*/
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
/*Header > Language Select*/
#language-selector
{
	background: url(../App_Images/layout/seperator.gif) no-repeat right;
	float: left;
	padding: 0px 10px;
}
#language-text
{
	float: left;
	padding-right: 10px;
}
#language-select
{
	border: 1px solid #225588;/*[e]1px solid swordblue*/
	color: #225588;/*[e]swordblue*/
	float: left;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.nooku_language_select
{
	float: left;
	width: 88px;
}
.nooku_flag
{
	display: none;
}
.language-select
{
	float: left;
	width: 88px;
}
/*Header > Search*/
#advanced-search
{
	float: left;
	padding: 0px 10px;
}
#advanced-search IMG
{
	padding: 0px 0px 0px 3px;
}
#search-form
{
	float: left;
}
#searchbox
{
	background: white;
	border: 1px solid #225588;/*[e]1px solid swordblue*/
	color: #225588;/*[e]swordblue*/
	float: left;
	font-size: 10px;
	height: 15px;
	line-height: 1;
	margin: 0px;
	padding: 0px;
	width: 147px;
}
#search-form .button
{
	float: left;
	margin: 2px 0px 0px;
	padding: 0px 0px 0px 7px;
}
FORM DIV.search
{
	margin: 0px;
	padding: 0px;
}
/*Joomla Specific*/
#mod_search_searchword
{
	background: white;
	border: 1px solid #225588;/*[e]1px solid swordblue*/
	color: #225588;/*[e]swordblue*/
	float: left;
	font-size: 10px;
	height: 15px;
	line-height: 1;
	margin: 0px;
	padding: 0px;
	width: 147px;
}
/*Top Bar - The top blue bar*/
#top-bar
{
	background: #225588;/*[e]swordblue*/
	border-bottom: 1px solid white;
	height: 3px;
	margin: 0px;
}
/*Banner - This is the top banner section*/
#banner
{
	background: white;
	height: 175px;
	margin: 0px;
	padding: 0px;
	width: 975px;
}
#banner-inner
{
	width: 975px;
	height: 175px;
}
#site-tab
{
	background: transparent url(../App_Images/layout/sword-intech-tab.png) no-repeat left;
	width: 230px;
	float: right;
	height: 30px;
	margin-top: -30px;
	z-index: 1000;
}
/*Joomla Banner Varients*/
#banner-full
{
	width: 975px;
	height: 175px;
}
#banner-left-large
{
	float: left;
	width: 650px;
	height: 175px;
}
#banner-right-small
{
	float: left;
	width: 325px;
	height: 175px;
}
#banner-left-small
{
	float: left;
	width: 325px;
	height: 175px;
}
#banner-right-large
{
	float: left;
	width: 650px;
	height: 175px;
}
/*Middle Bar - Contains the main navigation*/
#middle-bar
{
	background: #225588 url(../App_Images/layout/bar-background-01.png);
	color: white;
	font-size: 11px;
	height: 30px;
	margin: 0px;
	padding: 0px 20px 0px 10px;
}
#middle-nav
{
	float: left;
}
/*Middle Bar > Drop Down Menu - Use CSS for dropdown menus (suckerfish technique). IE6 uses a bit of javascript to get this working correctly.*/
.middle-bar A
{
	color: white;
	display: inline;
}
#middle-bar A
{
	color: #FFFFFF;/*[e]swordwhite*/
}
.moduletable_midmenu
{
	color: #225588;/*[e]swordblue*/
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 800px;
}
.moduletable_midmenu UL
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.moduletable_midmenu LI
{
	background: url(../App_Images/layout/seperator.gif) no-repeat right;
	float: left;
}
.moduletable_midmenu LI UL
{
	border: none;
	left: -999em;
	position: absolute;
	width: 149px;
}
.moduletable_midmenu LI:hover UL
{
	left: auto;
}
.moduletable_midmenu LI UL LI
{
	background: none;
	border-top: 1px solid #B7B7B7;
	width: 147px;
}
.moduletable_midmenu LI A
{
	display: block;
	padding: 7px 9px 9px;
	text-decoration: none;
}
HTML>BODY .moduletable_midmenu LI A
{
	width: auto;
}
HTML>BODY .moduletable_midmenu LI A:hover
{
	text-decoration: underline;
}
.moduletable_midmenu LI UL LI A
{
	background-color: #225588;/*[e]swordblue*/
	color: #FFFFFF;/*[e]swordwhite*/
	width: 125px;
}
.moduletable_midmenu LI A:hover, A#active_menu:link, A#active_menu:visited
{
	text-decoration: none;
}
.moduletable_midmenu LI UL LI A:hover
{
	background-color: #2C66A1;/*[e]swordbluehover*/
	color: #FFCC00;/*[e]swordyellow*/
	text-decoration: none;
}
.moduletable_midmenu LI:hover UL, .moduletable_midmenu LI.sfhover UL
{
	background: #225588 none;/*[e]swordblue none*/
	left: auto;
	width: 30px;
}
.moduletable_midmenu UL LI.active A
{
	background: url(../App_Images/layout/active-item.gif) no-repeat bottom;
	color: #FFFFFF;/*[e]swordwhite*/
	text-decoration: none;
}
/*Acitve Navigation Item - Displays a white triangle below the current navigation item*/
.moduletable_midmenu LI.parent.active A
{
	background: url(../App_Images/layout/active-item.gif) no-repeat bottom;
	color: #FFFFFF;/*[e]swordwhite*/
	text-decoration: none;
}
.moduletable_midmenu LI.parent.active A:hover
{
	color: #FFFFFF;/*[e]swordwhite*/
	text-decoration: underline;
}
.moduletable_midmenu LI.parent.active UL LI A
{
	background-color: #225588;/*[e]swordblue*/
	background-image: none;
	color: #FFFFFF;/*[e]swordwhite*/
	text-decoration: none;
}
.moduletable_midmenu LI.parent.active UL LI A:hover
{
	background-color: #2C66A1;/*[e]swordbluehover*/
	background-image: none;
	color: #FFCC00;/*[e]swordyellow*/
	text-decoration: none;
}
/*Breadcrumbs - This tells the user where they are on the site*/
#breadcrumbs
{
	padding: 4px 20px 0px;
	font-size: 10px;
}
/*Content - The main content area*/
#content
{
	background: white;
	margin: 0px;
	padding: 0px 20px 20px;
	float: left;
	width: 730px;
	/* JP why not give a bit of margin top to give a space with the breadcrums */
	margin-top:10px;
}
/*Right - the right-hand bar*/
#right
{
	float: left;
	width: 185px;
	margin-right: 20px;
	padding-bottom: 20px;
}
/*Bottom Bar - The footer bar, used for copyright, legal links and the sitemap link*/
#bottom-bar
{
	background: #225588 url(../App_Images/layout/bar-background-02.png);
	border-top: 1px solid #213A60;
	color: #FFFFFF;/*[e]swordwhite*/
	font-size: 11px;
	height: 30px;
	margin: 0px;
	padding: 0px 20px 0px 10px;
}
#bottom-bar-left
{
	float: left;
	padding-top: 7px;
	padding-left: 10px;
}
#bottom-bar-left A
{
	color: white;
}
#bottom-bar-right
{
	float: right;
}
/*Bottom Bar > Navigation*/
#bottom-bar-right UL
{
	list-style-type: none;
	margin: 7px 0px 0px;
	padding: 0px;
}
#bottom-bar-right LI
{
	background: url(../App_Images/layout/seperator.gif) no-repeat left;
	display: inline;
	list-style: none;
}
#bottom-bar-right LI A
{
	background: url(../App_Images/layout/seperator.gif) no-repeat left;
	list-style: none;
	margin: 0px;
	padding: 7px 10px 9px 12px;
}
#bottom-bar-right A
{
	color: white;
	display: inline;
}
/*List Styles - These are different styles of unordered lists*/
UL.arrow, UL.arrow-big, UL.checkbox, UL.checkbox-big, UL.check, UL.check-big, UL.star, UL.star-big, UL.plus, UL.plus-big
{
	list-style: none;
	margin: 10px 10px 10px 20px;
	padding: 0px;
}
UL.arrow LI, UL.checkbox LI, UL.check LI, UL.star LI, UL.plus LI
{
	font-weight: bold;
	line-height: 100%;
	margin: 10px 0px;
	padding: 7px 0px 6px 35px;
}
UL.arrow-big LI, UL.checkbox-big LI, UL.check-big LI, UL.star-big LI, UL.plus-big LI
{
	font-size: 200%;
	font-weight: bold;
	margin: 15px 0px;
	padding: 15px 0px 15px 60px;
}
UL.arrow LI
{
	background: url(../App_Images/content-images/list_arrow.png) no-repeat 0 0;
}
UL.arrow-big LI
{
	background: url(../App_Images/content-images/list_arrow_big.png) no-repeat 0 0;
}
UL.checkbox LI
{
	background: url(../App_Images/content-images/list_checkbox.png) no-repeat 0 0;
}
UL.checkbox-big LI
{
	background: url(../App_Images/content-images/list_checkbox_big.png) no-repeat 0 0;
}
UL.check LI
{
	background: url(../App_Images/content-images/list_check.png) no-repeat 0 0;
}
UL.check-big LI
{
	background: url(../App_Images/content-images/list_check_big.png) no-repeat 0 0;
}
UL.star LI
{
	background: url(../App_Images/content-images/list_star.png) no-repeat 0 0;
}
UL.star-big LI
{
	background: url(../App_Images/content-images/list_star_big.png) no-repeat 0 0;
}
UL.plus LI
{
	background: url(../../App_Images/content-images/list_plus.png) no-repeat 0 0;
}
UL.plus-big LI
{
	background: url(../App_Images/content-images/list_plus_big.png) no-repeat 0 0;
}
/*Info Boxes - these are used to provide a user with a snippet of information.*/
SPAN.note, SPAN.info, SPAN.alert, SPAN.download, SPAN.tip
{
	display: block;
}
DIV.note, SPAN.note
{
	background: #F4F5F6;
	border-bottom: 1px dotted #AAB4BE;
	border-top: 1px dotted #AAB4BE;
	margin: 10px 0px;
	padding: 5px 10px;
	text-align: justify;
}
DIV.info, SPAN.info, DIV.alert, SPAN.alert, DIV.download, SPAN.download, DIV.tip, SPAN.tip
{
	margin: 10px 0px;
	padding: 7px 10px 7px 35px;
}
DIV.info, SPAN.info
{
	background: #F4F5F6 url(../App_Images/content-images/div_info.png) no-repeat 3px 3px;
	border-bottom: 1px dotted #AAB4BE;
	border-top: 1px dotted #AAB4BE;
}
DIV.alert, SPAN.alert
{
	background: #FFF5EB url(../App_Images/content-images/div_alert.png) no-repeat 3px 3px;
	border-bottom: 1px dotted #FFB4A0;
	border-top: 1px dotted #FFB4A0;
}
DIV.download, SPAN.download
{
	background: #F5FAEB url(../App_Images/content-images/div_download.png) no-repeat 3px 3px;
	border-bottom: 1px dotted #78BE5A;
	border-top: 1px dotted #78BE5A;
}
DIV.tip, SPAN.tip
{
	background: #FFFDEB url(../App_Images/content-images/div_tip.png) no-repeat 3px 3px;
	border-bottom: 1px dotted #FFC864;
	border-top: 1px dotted #FFC864;
}
/*Emphasis Styles - used for in-line styling of some types of text*/
EM.box, EM.file, EM.directory
{
	font-style: normal;
}
EM.box
{
	padding: 0px 2px;
	background: #F4F5F6;
	border: 1px dotted #AAB4BE;
}
EM.file
{
	padding: 0px 0px 0px 13px;
	background: transparent url(../../App_Images/content-images/em_file.png) no-repeat 0 1px;
}
EM.directory
{
	padding: 0px 0px 0px 16px;
	background: transparent url(../../App_Images/content-images/em_directory.png) no-repeat 0 1px;
}
/*Blockquote Styles - used for quotes*/
BLOCKQUOTE.quotation
{
	margin: 10px 0px;
	padding: 10px 35px;
	border: none;
	background: url(../App_Images/content-images/blockquote_start.png) no-repeat 0 0;
	text-align: justify;
	font-style: italic;
}
BLOCKQUOTE.quotation P
{
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../App_Images/content-images/blockquote_end.png) no-repeat 100% 100%;
}
BLOCKQUOTE.quotation-big
{
	margin: 10px 0px;
	padding: 50px;
	border: none;
	background: url(../App_Images/content-images/blockquote_big_start.png) no-repeat 0 0;
	font-size: 300%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	font-style: italic;
}
BLOCKQUOTE.quotation-big P
{
	margin: 0px -50px -50px 0px;
	padding: 0px 30px 50px 0px;
	background: url(../App_Images/content-images/blockquote_big_end.png) no-repeat 100% 100%;
}
BLOCKQUOTE.banner-quotation
{
	margin: 10px 20px;
	padding: 10px 35px;
	border: none;
	background: url(../App_Images/content-images/blockquote_start.png) no-repeat 0 0;
	text-align: justify;
	font-style: italic;
}
BLOCKQUOTE.banner-quotation P
{
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../App_Images/content-images/blockquote_end.png) no-repeat 100% 100%;
}
BLOCKQUOTE.banner-quotation-big
{
	margin: 10px 0px;
	padding: 50px;
	border: none;
	background: url(../App_Images/content-images/blockquote_big_start.png) no-repeat 0 0;
	font-size: 300%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	font-style: italic;
}
BLOCKQUOTE.banner-quotation-big P
{
	margin: 0px -50px -50px 0px;
	padding: 0px 30px 50px 0px;
	background: url(../App_Images/content-images/blockquote_big_end.png) no-repeat 100% 100%;
}
SPAN.quote-author
{
	font-style: normal;
	font-size: 10px;
	float: right;
}
/*Preformated Text Style - used for displaying things like code on a page*/
PRE
{
	margin: 1em 0px;
	padding: 0.5em 0 0.5em 1em;
	border: 1px dotted #AAB4BE;
	border-left: 20px solid #B4B4B4;
	background: #F4F5F6;
	font-size: 90%;
	/*Browser specific (not valid) styles to make preformatted text wrap
white-space: pre-wrap;       /* css-3
white-space: -moz-pre-wrap;  /* Mozilla, since 1999*/
}
/*Horizontal Rule Style*/
HR
{
	height: 1px;
	border-top: 1px dotted #DCDFE1;/*[e]1px dotted lightergrey*/
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*Forms*/
FIELDSET
{
	border: 1px solid #DCDFE1;/*[e]1px solid lightergrey*/
}
LEGEND
{
	background: #FFFFFF;/*[e]swordwhite*/
}
TEXTAREA, INPUT[type='text'], INPUT[type='password'], SELECT
{
	border: 1px solid #DCDFE1;/*[e]1px solid lightergrey*/
	background: #FFFFFF;/*[e]swordwhite*/
}
TEXTAREA:hover, INPUT[type='text']:hover, INPUT[type='password']:hover, SELECT:hover
{
	border-color: #DCDFE1;/*[e]lightergrey*/
}
TEXTAREA:focus, INPUT[type='text']:focus, INPUT[type='password']:focus, SELECT:focus
{
	border-color: #DCDFE1;/*[e]lightergrey*/
	outline: #DCDCDC solid 2px;
}
INPUT[type='button'], INPUT[type='submit'], INPUT[type='checkbox'], INPUT[type='image'], INPUT[type='radio'], INPUT[type='reset'], SELECT, BUTTON
{
	cursor: pointer;
}
INPUT[type='hidden']
{
	display: none;
}
FIELDSET
{
	padding: 0 1em 1em;
}
LEGEND
{
	padding: 0 0.8em;
}
TEXTAREA, INPUT[type='text'], INPUT[type='password']
{
	padding: 0.1em 0 0.1em 0.4em;
}
OPTION
{
	padding: 0 0.4em 0.1em;
}
/* OVERRIDE THIS IT MESSES WITH .NET RUNAT SERVER FORM BIG TIME
FORM DIV 
{
	margin: 0.8em 0;  
}
*/
BUTTON, INPUT[type='button']
{
	padding: 0.2em 0.3em 0.2em 0.1em;
	line-height: 100%;
}
/*Page-specific styling
contact us page*/
.contact-info
{
}