/************************************************\
 ******************** STYLE ********************
\************************************************/

/*	Created: 19 January 2010 & 12.10pm
 *	Author: Matthew Holmes <www.ivt.com.au>
*/


/*	RESET - DO NOT REMOVE OR MODIFY
 *	----------------------------------------------
*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr 
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		font-size: 100%;
		font-family: inherit;
		list-style: none;
	}
		
	/* tables still need 'cellspacing="0"' in the markup */
	table 
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
table[border="1"]
{
	border: 0;
}
table[border="0"],
.recordDetail form table
{
	background: none;
}
.recordDetail form table td
{
	padding: 0;
}

table[border="1"] th
{
	text-align: left;
	padding: 5px;
	background: #162C6A;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
}

table[border="1"] td
{
	text-align: left;
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #fff;
}

	td, th
	{
		vertical-align: top;
	}
		
	blockquote, q 
	{
		quotes: none;
	}
		
	q:before, q:after, blockquote:before, blockquote:after 
	{
		content: "";
	}
		
	/* remember to define focus styles! */
	:focus 
	{
		outline: 0;
	}
		
	legend
	{
		display: none;
	}
	label
	{
		display: block;
	}
		
	hr 
	{
		height: 1px;
		border: 1px solid #CCC;
	}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after 
	{
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix 
	{
		display: inline-block;
	}

	* html .clearfix 
	{
		height: 1%;
	}

	.clearfix 
	{
		display: block;
	}
		
	/*iframe 
	{
		display: none !important;
		line-height: 0 !important;
		margin: 0;
		padding: 0;
	}*/
	
	
/*	TYPOGRAPHY
 *	----------------------------------------------
*/

	body
	{
		color: #777;
		font: normal 0.6886em/1.5em Trebuchet MS, Trebuchet MS, sans-serif; 
		/* for more information on font stacks please visit - http://articles.sitepoint.com/article/eight-definitive-font-stacks */
		/* for more information on css typeset please visit - http://www.jan-quickels.de/tools-web-typography/ */
	}
	
	html>body
	{
		font-size: 11px;
	}
	


.padme
{
	padding: 0 10px;
}
form#signup_form
{
	padding: 0 75px;
}
form#signup_form ul li
{
	list-style: none;
}
	
	/* --- links */
	
	a:link
	{
		color: #fe860c;
		font-size: inherit;
		text-decoration: none;
	} /* unvisited link */
	
	a:visited
	{
		color: #fe860c;
		font-size: inherit;
		text-decoration: none;
	} /* visited link */
	
	a:hover
	{
		color: #fe860c;
		text-decoration: underline;
	} /* mouse over link */

	a:active
	{
		color: #fe860c;
		font-size: inherit;
	} /* selected link */
	

	/* --- paragraph */
	
	p
	{
		margin: 0.5em 0 1.5em 0;
		font-size: 1em;
		line-height: 1.9em;
	}
	/* --- lists */
	
	ul li
	{
		margin-left: 2em;
		list-style: disc;
	}

	ol li
	{
		margin-left: 2em;
		list-style: decimal;
	}
	
	/* --- headings */
	
	h1
	{
		margin: 0 0 0.825em;
		color: #1d49a0;
		font-size: 1.5em;
		line-height: 0.825em;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	h2 
	{ 
		margin: 0.9167em 0; 
		font-size: 1.4em; 
		line-height: 0.9167em; 
	}
	
	h3 
	{ 
		margin: 1.0313em 0; 
		color: #fe860c;
		font-size: 1.3em; 
		line-height: 1.0313em; 
	}
	
	h4 
	{ 
		margin: 1.1786em 0; 
		font-size: 1.2em; 
		line-height: 1.1786em; 
	}
	
	h5 
	{ 
		margin: 1.375em 0; 
		font-size: 1em; 
		line-height: 1.375em; 
	}
	
	h6 
	{ 
		margin: 1.65em 0; 
		font-size: 0.9em; 
		line-height: 1.65em; 
	}
	
	
/*	FORMS
 *	----------------------------------------------
*/
	button,
	input.button,
	input.submit,
	a.button,
	a.submit,
	input[type="submit"]
	{
		background: #8a8a8a;
		border: 0;
		color: #fff;
		padding: 3px 5px;
		margin: 8px 0;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	button:hover,
	input.button:hover,
	input.submit:hover,
	a.button:hover,
	a.submit:hover,
	input[type="submit"]:hover
	{
		background: #555;
		text-decoration: none;
		cursor: pointer;
	}

	.loginForm li,
	#passwordForm li
	{
		margin: 5px 0;
	}

	form input[type="text"],
	form input[type="password"]
	{
		width: 200px;
		padding: 2px;
		border: 1px solid #ccc;
		background: #eee;
		color: #777;
		font-size: 1em;
	}
form ol,
form ul
{
	margin: 0;
	padding: 0;
}

form ol li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#ie6Warning {
		background: #e3e3e3;
		border: 1px solid #bbbbbb;
		padding: 10px 10px 1px;
		margin-bottom: 10px;
		}

#ie6Warning h2 {
		background: url(images/ie6-warning.gif) 0 50% no-repeat;
		padding-left: 40px;
		font-size: 28px;
		line-height: 40px;
		color: #D13236;
		}


/*	COMMUNITY
 *	----------------------------------------------
*/

.communitySection h2
{
	color: #1D49A0;
	margin: 0 0 .7em;
}

.communityListItems li
{
	float: left;
	list-style: none;
	margin: 0 40px 0 0;
	padding: 0;
}

.communityListItems li a.communityName
{
	font-weight: bold;
	background: url("webimages/icon-arrow.gif") no-repeat scroll 4px 2px transparent;
	margin: 0;
	padding: 0 0 10px 22px;
    	text-decoration: underline;
}

.communityListItems p
{
	margin: 0;
	padding: .5em 0;
}

ul.messageList
{
	margin: 0;
	padding: 0;	
}

ul.messageList li
{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	padding: 15px 10px;
	border: 1px solid #ddd;
	background: #e6ecf7;	
}

ul.messageList li p
{
	margin: 0 0 .5em;
}

.communityBox
{
	display: block;
	width: 200px;
	background: #999;
	text-align: center;
	padding: 25px 0 17px;
}

#content .col.communityLeft
{
	width: 459px;
}

#content .col.communityRight
{
	padding-left: 0;
}

.communityRight #upcomingEvents
{
	margin: 12px 0;
	padding: 12px 0;
	border-top: 1px solid #ddd;
}

.eventsList li
{
	list-style: none outside none;
    	margin: 0 0 12px;
	border-bottom: 1px solid #ddd;
}

.eventsList h5
{
	margin: 0;
}

.eventsList h5 a
{
	background: url("webimages/icon-arrow.gif") no-repeat scroll 4px 2px transparent;
   	padding: 0 0 0 22px;	
}

#recent
{
	width: 240px;	
}

ul li.latestDiscussion
{
	margin: 0;
	list-style: none;
}

ul li.latestDiscussion h3
{
	font-size: 1em;
   	line-height: 1.375em;
	margin: 0;
}

ul li.latestDiscussion h3 a
{
	background: url("webimages/icon-arrow.gif") no-repeat scroll 4px 2px transparent;
    	padding: 0 0 0 22px;
}

/*	SOCIAL NETWORKING
 *	----------------------------------------------
*/

#cke_discussion
{
	width: 100% !important;
}

.communitynetworkingSection #content
{
	border-right: 0;
}
.communitynetworkingSection #content .col.innercol
{
	width: 470px;
}
.communitynetworkingSection ul#quick_links
{
	margin: 3em 0 0;
}
.communitynetworkingSection #content .innertweets
{
	padding: 0 5px 10px;
}
	
#statusForm
{
	width: 100%;
}
#statusUpdate
{
	float: left;
	position: relative;
	margin: 5px 0 20px;
	
}

.sbTextAreaOff,
.sbTextAreaOn
{
	width: 97.5%;
}
.sbFormItem .sbTextAreaOff,
.sbFormItem .sbTextAreaOn
{
	width: 97.5%;
}
.sbTextAreaOff, .sbTextAreaOn
{
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0;
	font-family: inherit;
	font-size: 12px;
}

a.inappropriateContent
{
	font-size: 10px;
	color: #3578B3;
	line-height: 2em;	
}

.sbTextInputMedium
{
	width: 300px;
	padding: 5px !important;
	border: 1px solid #ddd;
	background: none !important;
}



ol li.sbFormItem
{
	margin: 1em 0 0;
}

ol li.sbFormItem label
{
	display: block;
	margin: 5px 0;
}

#statusForm button
{
	margin: 5px 0 8px;
	float: right;
	display: block;
}

a.button
{
	width: auto;
	height: auto;
	padding: 3px 5px;
	color: #fff;
	background: #f60;
	margin: 10px 0 !important;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
}

#tabs
{
	float: left;
	margin: 0 0 15px;
	width: 464px!important;
}

#tabs ul 
{
	margin: 0;
	padding: 0;
}

#tabs ul li 
{
	list-style: none;
}

ol.myBlogList
{
	margin: 0 !important;
	padding: 0 !important;
}

#blogMenu
{
                float: left;
                margin-top: 180px;
}

ol.sbFieldGroupOl
{
	margin: 0 !important;
	padding: 0 !important;
}
                               
#blogProfile
{
                padding: 5px;
}
 
#blogProfile .name
{
                font-weight: bold;
                display: block;
}

.sbFormButtonRight
{
	float: right;
}

.sbFormButtonLeft
{
	float: left;
}


                                                                               
.snMainContent
{
	float: right;
	width: 655px;
	display: block;
}
 
.avatar
{
  	float: left;
   	margin: 0 10px 0 0;
}
.avatar img,
.photo img,
#profileFormPhoto img
{
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	width: 48px;
	height: 48px;
}

.avatar .sbImage 
{
	width: 48px;
	height: 48px;	
	display: block;	
}

.comments .avatar .sbImage
{
	width: 32px;
	height: 32px;
	display: block;		
}

#blog #blogRight .count
{
	float: right;
	margin: 0 .4em;
}

#blogRight
{
	float: right; 
	width: 185px;
	padding: 0 0 1.4em;
}

#blogRight .header
{
	color: #fff;
	display: block;
	background: #5c9ccc;
	font-weight: bold;
	padding: 0 1em;
	margin: 0 0 .5em;
	clear: both;
}

#blogRight ol.list
{
	padding: 0 0 1em !important;
	width: 185px;
	
}

#blogRight ol.list li
{
	border-bottom: 1px solid #5c9ccc;
	display: block;
	width: 175px;
	padding: 0 5px !important;
}

#blogRight ol.list li span.headerText
{
	float: left;
	width: 150px;
	display: block;
}

#blogRight ol.list li span.headerIcon
{
	float: right;
	display: block;
}

ol.myBlogList
{
	margin: 1em 0 !important;
}

ol.myBlogList li
{
	padding: 5px !important;
}

.calendar
{
	margin: 0 0 1em;
}

.calendar #datepicker
{
	margin: 1em;
}

ol#textBlogHistoryList li
{
	border-bottom: 1px solid #5c9ccc;
	display: block;
	width: 175px;
}
 
.discussion .header
{
             
	padding: 5px;
	color: #000;
}
 
.discussion .header .name
{
	font-size: 15px;
	font-weight: bold;
}
 
.discussion .header .count
{
	font-size: 12px;
	font-weight: normal;
	float: right;
	margin-top: 2px;
	margin-right: 5px;
}
 
ul.groups li.item .count
{
	float: right;
	margin-top: 0px;
	margin-right: 5px;
}
 
ul.discussions li.item
{
	padding-left: 55px;
}
 

 
.discussion .avatar
{
	left: 20px;
}
 
.discussion .title
{
	margin-left: 55px;
	font-weight: bold;
	font-size: 12px;
}
 
.discussion .date
{
	font-size: 10px;
	font-style: italic;
	display: block;
	margin-left: 55px;
}
 
.discussion .creator
{
	margin-left: 55px;
}
 
ul.replies li.even
{
	background: #ECECEC;
	padding: 5px;
	margin-top: 5px;
}
 
ul.replies li.even .avatar
{
	margin-right: 5px;
	position: absolute;
	left: 15px;
}
 
ul.replies li.even .title
{
	font-size: 12px;
	font-weight: bold;
	margin-left: 55px;
}
 
ul.replies li.even .date
{
	font-size: 10px;
	font-style: italic;
	display: block;
	margin-left: 55px;
}
 
ul.replies li.even .creator
{
	margin-left: 55px;
}
 
ul.replies li.odd
{
	background: #b9d9f8;
	padding: 5px;
	margin-top: 5px;
}
 
ul.replies li.odd .avatar
{
	margin-right: 5px;
	position: absolute;
	left: 15px;
}
 
ul.replies li.odd .title
{
	font-size: 12px;
	font-weight: bold;
	margin-left: 55px;
}
 
ul.replies li.odd .date
{
	font-size: 10px;
	font-style: italic;
	display: block;
	margin-left: 55px;
}
 
ul.replies li.odd .creator
{
	margin-left: 55px;
}
 
#textBlogMain
{
	float: left;
	width: 495px;
	display: block;
}
 
ol.textBlog li.item
{
	padding-left: 5px;
	border: none;
}
 
.recent ol.list li.item
{
	border: none;
}
 
.textBlogHistory ol.list li.item
{
	border: none;
}


/* status */
#currentStatus,
.newsFeedStatus
{
	margin: 0 0 15px;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}
#statusForm
{
	position: relative;
	margin: 0 0 15px;
}
#statusForm textarea
{
	font-size: 11px;
	color: #777;
}
#statusCharCount,
#messageCharCount
{
	float: right;
	color: #aaa;
	font-size: 11px;
}

/* feed list */
ol.list
{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
ol.list li.item,
ul.list li.item
{
	padding: 15px 0;
	border-bottom: 1px dotted #ddd;
	list-style: none !important;
}
ol.list li.item:last-child,
ul.list li.item:last-child
{
	border: 0;
}
ol.list li.item .blogBody
{
	font-size: 13px;
	line-height: 1.2;
}

ol.list li.item .attachment
{
	margin-left: 70px;
	padding: 10px 0;
}
ol.list li.item .attachment img,
ol.myFiles li.item .fileIcon img
{
	margin: 0 2px 0 0;
	vertical-align: middle;
}

/* general */
h3.header
{
	margin: 0;
}
.blogBody
{
	padding: 0 0 10px;
}
.blogBody p
{
	margin: .5em 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}
.date
{
	display: block;
	color: #999;
	font-size: 10px;
	font-style: italic;
}
.swfUploadOuterDiv object,
.swfUploadOuterDiv button
{
	float: left;
	display: inline-block;
	height: 22px;
	margin: 0 5px 0 0;
}

/* feed photo / video / audio / files / discussion list */
ul.list
{
	margin: 0 !important;
	padding: 0 !important;
}
ul.list li.item
{
	float: left;
	margin: 0 5px 15px 0 !important;
}
ul.list.photoBlog li.item,
ul.list.photos li.item
{
	padding: 0 !important;
	border: 0 !important;
}
ul.list.videos li.item,
ul.list.audio li.item,
ul.list.files li.item,
ul.list.discussions li.item
{
	float: none;
}
ul.list li.item img
{
	padding: 5px;
	border: 1px solid #ddd;
}
ul.list.videos li.item img,
ul.list.audio li.item img,
ul.list.files li.item img
{
	padding: 0;
	border: 0;
}
ol.list li.item .title img
{
	margin: 1px 3px 0;
	vertical-align: middle;
}
ul.list li.item a
{
	font-size: 11px;
}
ol.list li.item .embeddedVideo,
ol.list li.item .audioPlayer
{
	margin: 15px 0 0;
}

/* photo album */
.albumPhotoCaption
{
	float: left;
	font-size: 13px;
	font-weight: bold;
}
.albumNavigation
{
	float: right;
}
.albumNavigation button
{
	color: #2E6E9E;
	background: #fff;
}
.albumNavigation button:hover
{
	color: #fff;
	background: #2E6E9E;
}
#albumPhoto img
{
	
	margin: 0 0 15px;
	padding: 5px;
	border: 1px solid #ddd;
}
div.photos,
ul.photoForm
{
	margin: 15px 0 0 !important;
}

/* video / audio */
.video, 
.audioPlayer,
.file 
{
	margin: 15px 0 5px;
}
.videoDescription,
.audioDescription,
.fileDescription
{
	margin: 0 0 15px;
}

/* discussions */
.discussion
{
        margin: 5px;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}
button.discussion
{
	margin: 0 !important;
	padding: 5px 3px;
}

/* comment list & form */
.comments
{
	display: block;
	margin-left: 70px;
	background: #EDEFF4;
}

.comments ol,
.comments ol li
{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.comments ol li
{
	display: block;
	padding: 5px 5px 5px 10px !important;
	border-bottom: 1px solid #fff !important;
	line-height: 1.2;
	font-size: 11px;
}

/* comments form textarea */
.comments .commentForm
{
	padding: 10px 10px 23px;
}
.comments .commentForm textarea
{
	display: block;
	width: 369px;
	font-size: 11px;
	color: #777;	
}
#tabs .comments .commentForm textarea
{
	width: 329px;	
}
.comments .commentForm button
{
	float: right;
}

/* blog comments */
.comments.commentsBlog
{
	margin-left: 0;
}
.textBlog .count img,
ul.list.videos li.item img,
ul.list.audio li.item img,
ul.list.files li.item img
{
	margin: 0 3px 4px;
	vertical-align: middle;
}

ul.links_list
{
	margin: 12px 0 12px;
}

ul.links_list li a
{
	display: inline-block;
	padding: 0 0 0 22px;
	background: url(images/link_go.png) 0 -1px no-repeat;
}

.repo_list
{
	display: block;
	height: 1%;		
}

ul.files_list
{
	margin: 10px 0 !important;
}
ul.files_list,
ul.files_list li,
ul.repo_files,
ul.repo_files li,
ul.repo_files_list,
ul.repo_files_list li
{
	padding: 0!important;
	list-style: none!important;
	background: none !important;
}

ul.repo_files li,
ul.repo_files_list li,
ul.files_list li
{
	margin: 0 0 5px !important;
}

ul.repo_files li img,
ul.repo_files_list li img,
ul.files_list li img
{
	padding: 0 !important;
	margin: 0 5px 0 0 !important;
	vertical-align: middle;
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

ul.repo_files_list span.file_size,
ul.files_list span.file_size
{
	font-size: 11px;
	color: #999;
}

/* SWF upload */
#fsUploadProgress
{ 
	clear: both;
}
.progressWrapper {

	width: 357px;

	overflow: hidden;

}



.progressContainer {

	margin: 5px;

	padding: 4px;

	border: solid 1px #E8E8E8;

	background-color: #F7F7F7;

	overflow: hidden;

}

/* Message */

.message {

	margin: 1em 0;

	padding: 10px 20px;

	border: solid 1px #FFDD99;

	background-color: #FFFFCC;

	overflow: hidden;

}

/* Error */

.red {

	border: solid 1px #B50000;

	background-color: #FFEBEB;

}



/* Current */

.green {

	border: solid 1px #DDF0DD;

	background-color: #EBFFEB;

}



/* Complete */

.blue {

	border: solid 1px #CEE2F2;

	background-color: #F0F5FF;

}



.progressName {

	font-size: 8pt;

	font-weight: 700;

	color: #555;

	width: 323px;

	height: 14px;

	text-align: left;

	white-space: nowrap;

	overflow: hidden;

}



.progressBarInProgress,

.progressBarComplete,

.progressBarError {

	font-size: 0;

	width: 0%;

	height: 2px;

	background-color: blue;

	margin-top: 2px;

}



.progressBarComplete {

	width: 100%;

	background-color: green;

	visibility: hidden;

}



.progressBarError {

	width: 100%;

	background-color: red;

	visibility: hidden;

}



.progressBarStatus {

	margin-top: 2px;

	width: 337px;

	font-size: 7pt;

	font-family: Arial;

	text-align: left;

	white-space: nowrap;

}



a.progressCancel {

	font-size: 0;

	display: block;

	height: 14px;

	width: 14px;

	background-image: url(../images/cancelbutton.gif);

	background-repeat: no-repeat;

	background-position: -14px 0px;

	float: right;

}



a.progressCancel:hover {

	background-position: 0px 0px;

}


#myNetworkMediumTable
{
	width: 100%;
	margin: 10px 0;
}

#myNetworkMediumTable th
{
	font-size: 1.1em;
	text-align: left;
	padding: 3px 5px;
}

#myNetworkMediumTable td
{
	padding: 3px 5px;
}
#myNetworkMediumTable .smallCol
{
	text-align: center;
	width: 50px;
}
#myNetworkMediumTable .smallCol a
{
	display: block;
	text-indent: -999em;
}
#myNetworkMediumTable td.edit a
{
	background: url(../images/pencil.png) 17px 2px no-repeat;
}
#myNetworkMediumTable td.delete a
{
	background: url(../images/cross.gif) 18px 2px no-repeat;
}
#myNetworkMediumTable td.publish a
{
	background: url(../images/tick.gif) 18px 2px no-repeat;
}
#myNetworkMediumTable tr:nth-child(odd)
{
	background: #ddd;
}


/* -- SWFUpload Object Styles ------------------------------- */

.swfupload {

	vertical-align: top;

}
button.inappropriateContentButton,
button.inappropriateCommentButton
{
	background: none;
	padding: 0;
	color: #ccc;
	font-size: 0.8em;
	margin: 0 0 0 80px;
}
button.inappropriateContentButton:hover,
button.inappropriateCommentButton:hover
{
	background: none;
	color: #777;
}

/* Clients Section Styling */
body.clients1Section form#my_form a {
	width: 200px;
	display: block;
	border: 1px solid #FFF;
	padding: 5px;
}

body.clients1Section form#my_form a:hover {
	border: 1px solid #FE860C;
}

body.clients1Section div.content-main-left-full img {
	max-width: 678px;
	height: auto;
}