/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codewise Lite - Cascading Style Sheet for "iON Security Products"

Copyright (c) 2004-2010 Codewise Systems Inc. & Twisted Lime Media Inc. 
All rights reserved.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML tags */

html {

}

body {

}

body, blockquote, caption, h1, h2, h3, h4, h5, h6, li, ol, p, table, td, th, ul, button, input, option, select, textarea {

}

body, blockquote, caption, li, ol, p, table, td, th, ul, button, input, option, select, textarea {

}

blockquote, caption, li, p, textarea {

}

a, a:link, a:active, a:hover {

}

a:visited {

}

a img, img[usemap] {
	border: none;
}

cite {

}

h1 {

}

h2 {

}

h3 {

}

blockquote, p, th, td, ol, ul, li { 

}
	li {

	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout */

ul.subSectionLinks {
	list-style-type: none;
	overflow: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #cccccc;
}
	ul.subSectionLinks li {
		float: left;
		overflow: visible;
		margin: 0px 5px 0px 0px;
		padding: 3px 3px 0px 3px;
		background: #ffffff;
		border: 1px solid #dddddd;
		border-bottom: 0px solid #dddddd;
		border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
	}
		ul.subSectionLinks li a.subSectionLink {
			display: block;
			padding: 3px 10px 1px 10px;
			text-decoration: none;
			font-weight: bold;
			color: #333333;
			background: #dddddd;
			outline: 0px dotted #000000;
			border-top-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
		}
		ul.subSectionLinks li a.subSectionLink:active, ul.subSectionLinks li a.subSectionLink:hover, ul.subSectionLinks li a.subSectionLink.subSectionLinkHighlighted {
			color: #000000 !important;
			background: #bbbbbb;
		}
		ul.subSectionLinks li a.subSectionLink.subSectionLinkHighlighted {
			cursor: default;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Drupal styles */

div#sidebar-right {

}

ul.tabs.primary {
	list-style-type: none;
	overflow: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #cccccc;
}
	ul.tabs.primary li {
		float: left;
		width: auto;
		overflow: visible;
		margin: 0px 5px 0px 0px;
		padding: 3px 3px 0px 3px;
		background: #ffffff;
		border: 1px solid #dddddd;
		border-bottom: 0px solid #dddddd !important;
		border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
	}
		ul.tabs.primary li a {
			display: block;
			margin: 0px;
			padding: 3px 10px 1px 10px !important;
			text-decoration: none;
			font-weight: bold;
			color: #333333;
			background: #dddddd;
			outline: 0px dotted #000000;
			border-top-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
		}
		ul.tabs.primary li a:hover {
			background-color: #ffffff;
			/* border-bottom: 1px solid #ffffff !important; */
		}

		ul.tabs.primary li a.active {
			color: #000000 !important;
			background: #bbbbbb;
			cursor: default;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Highslide styles */

div.highslideHTML {
	display: none;
}

div.highslideImageGallery {
	/* text-align: center; */
}

div.highslide-html-content {
	width: 640px;
	padding: 10px 10px 7px 10px !important;
}

.highslide-caption {

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sub columns */

div.subColumn {
	float: left;
	width: 300px;
	margin: 0px 20px 10px 0px;
	padding: 0px 20px 10px 0px;
	border-right: 1px solid #cccccc;
}
	div.subColumn + div.subColumn {
		width: 250px;
		margin: 0px 0px 10px -21px;
		padding: 0px 0px 10px 20px;
		border-right: 0px solid #cccccc;
		border-left: 1px solid #cccccc;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Classes */

.clear, .clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.hidden {
	display: none;
}

.views-row-odd, .views-row-even {
	padding: 5px 5px 5px 30px;
	border: 1px solid #ffffff;
	border-right: 1px solid #dddddd;
}
	.views-row-odd:first-child, .views-row-odd:last-child {
		border-right: 0px solid #dddddd;
	}

.views-row-even {
	background-color: #faf7f2;
	border: 1px solid #dddddd;
}

.leftAligned {
	float: left;
}

.leftAlignedText {
	text-align: left;
}

div.leftAligned, img.leftAligned {
	float: left;
	margin: 0px 20px 10px 0px;
}

.rightAligned {
	float: right;
}

.rightAlignedText {
	text-align: right;
}

div.rightAligned, img.rightAligned {
	float: right;
	margin: 0px 0px 10px 20px;
}