@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------
Free Resources Styles
-------------------------------------------------------------*/

.mastHeadContainer
{
    padding:0;
}

.aboveMainContentSpacer
{
	height: 65px;
}
.aboveMainContentSmallSpacer
{
	height: 20px;
}

.aboveMainContent
{
	background-image: url("/Content/images/semiwhitebg.png");
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat;
	margin: 0 0 20px 10px;
}


.mainContent p
{
	margin: 10px 10px 0 0;
	font-size: 14px;
}

.centerContainer
{
	background-color: #FFFFFF;
}

.toolsHeader {
	height:360px;
	margin-bottom:55px;
}

.pagetitle 
{
    clear: both;
}

.pagetitle h1 {
	font-size:24px;
	color:#fff;
	font-weight:200;
	margin:0 0 10px 0;
}

.pagetitle h1 a, .pagetitle h1 a:active, .pagetitle h1 a:visited {
	color:#fff;
	text-decoration: none;
}

.pagetitle h1 a:hover {
	color:#fff;
	text-decoration: underline;
}

/*-----------------------------------------------------------
Scrollable Styles
-----------------------------------------------------------*/
.page_scroll_holder {
	height:220px;
	padding-top:22px;
	position:relative;
}
.scrollable {
	/* required settings */
	position:relative;
	width:760px;
	height:220px;
	overflow:hidden;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
.next, .prev, .play, .pause {
	cursor:pointer;
}
.scrollnav {
	position:absolute;
	width:420px;
	height:19px;
	bottom:0px;
	right:60px;
	z-index:1000;
	border-top:1px solid #525051;
	font-size:14px;
	font-weight:200;
	color:#000;
	text-align:right;
}
.scrollnav p {
	float:left;
	text-align:left;
}
/* position and dimensions of the navigator */
.navi {
	float:left;
	margin:5px 5px 0 0;
}
/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:1px;
	background:url(../../Content/images/grey_square_7x7.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state 
.navi a:hover {
	background-position:0 -8px;      
}*/

/* active state (current page state) */
.navi a.active {
	background:url(../../Content/images/orange_square_7x7.png) 0 0 no-repeat;
}
.nav_buttons {
	float:right;
}
.nav_buttons img {
	margin: 0px 3px;
}
.scroll_content {
	height:180px;
	width:721px;
}
.scroll_content img {
	float:left;
	margin-right:40px;
}
.scroll_content .text {
	float:left;
	padding-top:0px;
	height:auto;
	width:480px;
	
}
.scroll_content .text h3 {
	font-size:26px;
	line-height: 28px;
	margin-top:10px;
	margin-bottom:8px;
	/*color:#FFF;*/
	
}
.scroll_content .text p {
	font-size:14px;
	line-height:18px;
	margin:0 0 20px 0;
	
}
.page_header_callout {
	height:auto;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	color:#000;
}
/*-----------------------------------------------------------
Body Styles
-----------------------------------------------------------*/


.page_header_callout a {
	color:#FFF;
	text-decoration:underline;
}
.body_header {
	margin-bottom:8px;
}
.toolsCategoryHeader {
    margin-top: 20px;
    margin-bottom: 10px;
}

.toolsSortForm 
{
	float: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.toolsSortForm select 
{
	width: 130px;
	margin: 0 0 0 10px;
	padding: 0;
}
.body_title {
}
.body_title h2 {
	font-size:30px;
	/*color:#eb7c00;*/
	margin:0;
}
.body_title span {
	font-weight:bold;
}
.tool_margin {
	margin:5px;
}
.tool_box_divider 
{
		position:relative;
		height:1px;
		background:#d4d4d4;
}
		
.show {
	overflow:hidden;
	position:relative;
	height:140px;
}
.tool_box {
	height: 112px;
	width: 439px;
	padding: 18px;
	float: left;
	background-color: #F5F5F5;
}
.tool_box img {
	float:left;
	margin-right:10px;
	height: 60px;
	width: 60px;
}
.tool_box_left_content
{
	width: 60px;
	float: left;
}
.tool_box_left_content img
{
	height: 60px;
	width: 60px;
	float: left;
}
.tool_box_right_content 
{
	float:left;
	padding-left: 10px;
	width: 352px;
	/*
	leaving these two here to show the overflow issue in case it comes up later
	padding-left: 10px;
	width: 500px;*/
}
.tool_title {
	font-size:18px;
	line-height:18px;
	margin-bottom:8px;
}
.tool_subtext 
{
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 15px;
	color: #333333;
}
.tool_trial_version
{
	text-transform: uppercase;
	color: #EC7C00;
	font-size: 10px;
	float: left;
	margin-top: 5px;
}
.tool_stats_container
{
	margin-right:15px;
	float: left;
}
.tool_stats_container .label
{
	font-size: 8pt;	
	color: #333333;
}
.tool_stats_container .number
{
	font-size: 12px;	
	font-weight: bold;
	color: #333333;
}

/*--- details-button fake lives in buttons.css ---*/



/*---------------------------------------
Free Resources Tab Styles
---------------------------------------*/
.tab_container {
	margin-bottom:20px;
}
.tab_container a {
	display:inline-block;
	margin-right:20px;
	font-size:14px;
	color:#a1a1a1;
	text-transform:lowercase;
}
.tab_container a:hover {
	text-decoration:underline;
}
.tab_container a.tab_selected {
	color:#525051;
}

/*-----------------------------------------------------------

Resources - Tutorial Detail Styles

-----------------------------------------------------------*/
/*.blue_bg_bar_small { -- obsolete style --
	background:url(../../Content/images/blue_barbg115px.gif) top repeat-x;
} 
.rsrs-dtls-bar {
	height:115px;
	margin-bottom:40px;
}
.rsrs-dtls-bar h2 {
	font-size:24px;
	font-weight:200;
	color:#FFF;
	margin:0px;
	display:block;
}
.rsrs-dtls-bar-callout {
	margin-top:30px;
	text-align:right;
	font-size:18px;
	line-height:22px;
}
.rsrs-dtls-bar-callout a {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
} */
.tutorial_author {
	font-size:11px;
	margin-bottom:40px;
}
.tutorial_author h5, .keywords h5 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	margin-bottom:3px;
	
}
.rsrs-dtls_content {
}
.rsrs-dtls_content h1 {
	font-size:36px;
	line-height:42px;
	margin-bottom:5px;
}
.rsrs-dtls_content h2 
{
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	margin:20px 0 10px 0;
	padding: 0px;
    color: #a0a0a0;
}
.rsrs-dtls_date {
	font-size:11px;
	margin-bottom:15px;
	color: #a1a1a1;
}
.rsrs-dtls_social {
	height:16px;
	font-size:11px;
	font-weight:800;
	margin-bottom:20px;
}
.rsrs-dtls_social_like {
	float:left;line-height:16px;
}
.rsrs-dtls_social_like img {
	margin-right:5px;
	text-align:left;
}
.social_item
{
	float:left;
	width:auto;
	margin:0 0 0 8px;
	padding:0;
}
.rsrs-dtls_social_share {
	float:right;
	line-height:16px;
}
.rsrs-dtls_social_share img {
	margin-left:10px;
	text-align:right;
	
}
.rsrs-dtls_videoholder {
	height:318px;
	margin-bottom:10px;
}
.video_description {
	font-size:11px;
	font-style:italic;
	width:510px;
	line-height:14px;
	margin-bottom:30px;
}
.tutorial_content h3 {
	font-size:24px;
	font-weight:normal;
	margin:0;
	margin-bottom:10px;
}

/*
.tutorial_content ul {
	margin-left:15px;
	list-style:disc;
	margin-bottom:30px;
}
.tutorial_content ul li {
	margin-bottom:10px;
	width:500px;
	line-height:18px;
}
*/
.breakdowns {
	clear:both;
	margin-bottom:40px;
}
.rsrs-dtls_content_breakdown {
	width:160px;
	float:left;
	margin-right:20px;
	font-size:14px;
	line-height:20px;
}
.rsrs-dtls_content_breakdown h5 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.rsrs-dtls_accordion {
	background:none;
	padding-left:0;
}
.tutorial_accordion_related {
	height:auto;
	font-size:11px;
	margin-bottom:20px;
	margin-left:1px;
	float:left;
	clear:both;
	width: 678px;
	padding:10px 10px 20px 10px;
	border-bottom: 1px solid #e9e9e9;
}

.tutorial_accordion_related div.video_tb {
	float:left;
	line-height:14px;
	position:relative;
	height:50px;
	width:90px;
	margin-right:10px;
}
.tutorial_accordion_related_tb_clipout {
	position:absolute;
		clip:rect(9px 90px 59px 0px);
	top:-9px;
	
}
.tutorial_accordion_related div.video_tb .play_button {
	height:50px;
	width:90px;
	position:absolute; 
	background:url(/Content/images/play_overlay_03.png) 50% 50% no-repeat; 
	z-index:1000;
}
.tutorial_related_text 
{
		float:left;
		color: #525051;
}
.tutorial_related_text .keywords
{
	 white-space: nowrap;
	 width:400px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 color: #525051;
	 }
 .tutorial_related_text .likes {
	float:right;
	font-size:11px;
	line-height:16px;
	height:16px;
	display:block;
}    
.tutorial_accordion_related a {
	font-size:14px;
	font-weight:bold;
}
.tutorial_accordion_related table {
	margin:4px 0 5px 0;
	width:465px;
	
}
.tutorial_accordion_related table td{
	width: 33%;
	font-size:11px;
}
.tutorial_accordion_related_more {
	float:left;
	clear:both;
}

.rsrs-dtls_content ul.showcircle 
{
		
		font-size: 10px !important;
		padding: 0 0 10px 0;
		margin: 0;  
}

.rsrs-dtls_content .showcircle li 
{
		background: url(/Content/images/bullet.gif) no-repeat;
		margin-bottom: 10px;
		font-size: 12px !important;
		line-height: 12px;
		padding: 0 0 10px 10px;
		margin: 0;
}


/*-----------------------------------------------------------

Resources - Tutorial Admin Approval Styles

-----------------------------------------------------------*/
.admin_overtitle {
	display:block;
	margin-bottom:5px;
	margin-top:20px;
	color:#525051;
}
.tutorial_sort {
	font-size:11px;
	margin-bottom:40px;
}
.tutorial_sort h5 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.tutorial_sort p {
	margin-bottom:5px;
}
.tutorial_sort select {
	width:160px;
	border:1px solid #a1a1a1;
	margin-top:10px;
	color:#a1a1a1;
	font-size:11px;
}
.tutorial_list_container {
	font-size:11px;
	border-bottom:1px solid #d4d4d4;
}
.tutorial_list_results {
	margin-bottom:20px;
}
.tutorial_list_item {
	width:740px;
	padding:10px;
	border-top:1px solid #d4d4d4;
	line-height:18px;
	height:auto;
}
.tutorial_list_item_left {
	width:325px;
	padding-right:20px;
	float:left;
}
.tutorial_list_item_left a {
	font-size:18px;
}
.tutorial_list_item_center {
	width:120px;
	float:left;
}
.tutorial_list_item_center .approved {
	color:#6bbd46;
}
.tutorial_list_item_center .rejected {
	color:#c8013b;
}
.tutorial_list_item_right {
	float:right;
	text-align:left;
}
.hover {
	background:#e9e9e9;
}

	/*-----------------------------------------------------------
Scrollable Styles
-----------------------------------------------------------*/
.tutorial_scroll_holder {
	height:180px;
	padding-top:5px;
	position:relative;

}
.scrollable_tutorial {
	/* required settings */
	position:relative;
	width:720px;
	height:180px;
	overflow:hidden;
	float:left;
}
.scrollable_header_sidebox
{
	float: left; 
	margin-left: 0px; 
	padding: 20px; 
	background-color: #0A84B7;
	height: 176px; 
	width: 190px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable_tutorial .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
.next, .prev, .play {
	cursor:pointer;
}
.scrollnav2 {
	position:absolute;
	width:480px;
	height:19px;
	bottom:0px;
	right:00px;
	z-index:1;
	text-align:right;
	
}
.scrollnav3 {
	position:relative;
	width:60px;
	height:20px;
	z-index:1;
	text-align:right;
	padding: 10px 0 0 0; 
	width: 711px; 
	clear:both;
}

/*.scroll_content2 img {
	float:left;
	margin-right:60px;
}*/
.scroll_content2 .text2 {
	float:left;
	width:460px;
	height:160px;
	position:relative;
	
}
.scroll_content2 .text2 h3 {
	font-size:26px;
	font-weight:200;
	margin:-10px 0 8px 0;
	color:#FFF;
}
.scroll_content2 .text2 p {
	font-size:14px;
	line-height:18px;
	margin-bottom:20px;
	color:#525051;
	font-weight:600;
}
.scroll_content2-button {
	position:absolute;
	bottom:20px;
	right:0px;
}
.page_header_callout2 {
	font-size:16px;
	height:160px;
	line-height:20px;

	padding:90px 10px 0 20px;
	margin-top:0px;
	background:#84c3db;
	
}
.page_header_callout2 img {
	margin-bottom:5px;
}
.page_header_callout2 a {
	color:#FFF;
	font-weight:bold;
}
.tutorial_featured_thumbnail {
	width:180px;
	height:180px;
	float:left;
	margin-right:40px;
	position:relative;
	
}
/*.tutorial_accordion_related div.video_tb {
	float:left;
	line-height:14px;
	position:relative;
	height:50px;
	width:90px;
	margin-right:10px;
}
.tutorial_featured_tb_clipout {
	position:absolute;
		clip:rect(0px 180px 180px 0);
	top:0px;
	left:0px;	
}*/
.featured_tb_clipout {
	position:absolute;
		clip:rect(0 180px 180px 0);
	top:0;
	left:0;
}
.featured_tb_clipout img {
	position:absolute;
	top:-60px;
	left:-60px;
}
/*-----------------------------
end scrollable styles 
------------------------------*/
.tutorial_search_crit {
	font-size:11px;
	margin-bottom:40px;
}
.tutorial_search_crit h5 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
}
.tutorial_search_crit p {
	margin-bottom:5px;
}
.tutorial_search_crit select {
	width:160px;
	border:1px solid #a1a1a1;
	margin-top:10px;
	color:#a1a1a1;
	font-size:11px;
}
/*-----------------------------
Resources Accordion Styles 
------------------------------*/
.rsrs_accordion {
	margin-top:0px;
}
.rsrs_accordion h4 {
	display:block;
	height:25px;
	padding-left:10px;
	background:#a1a1a1;
	color:#FFF;
	border:1px solid #FFF;
	cursor:pointer;
	margin-bottom:4px;
	font-weight:normal;
	font-size: 14px;
	line-height: 23px;
	color:#FFF;
	padding-left:10px;
}
.rsrs_accordion h4 p {
	padding: 0 0 0 20px;
	margin: 0;

}
.rsrs_accordion h4.accordion_active {
	background:#84c3db;
}
.rsrs_accordion_content { /* styles for the stuff beneath the accordion head */
	padding:5px 10px 20px 10px;
	font-size:11px;
	background:#FFFFFF !important;
	color: #525051;
}
.rsrs_accordion_content.related_tuts p 
{
		margin-bottom: 10px;
}
.rsrs_accordion_content.related_tuts p a
{
		font-weight: bold;
}
.rsrs_accordion_content ul 
{
		margin:0px;
		padding:0px;
}
.rsrs_accordion_content ul li 
{
		margin-top:5px;
}
.rsrs_accordion_content div input[type=checkbox] {
	margin-right:5px;
	margin-bottom: 4px;
		vertical-align: middle;
}
.rsrs_accordion_content div label {
	display:inline-block;
	vertical-align: middle;
}
/*-------------- end accordion-----------------*/

.search_sort {
	margin-bottom:20px;
}
.tutorial_Search_div 
{
		display:inline-block;
	border:1px solid #a1a1a1;
		height: 22px;
		margin: 0 0 0 0;
		padding-right: 10px;
}
.tutorial_Search .SearchInput {
		border: 0 none;
		display: inline;
		height: 20px;
		margin: 0;
		padding:0 10px ;
		vertical-align: top;
		width: 400px;
	color:#a1a1a1;
	font-size:11px;
}
.search_sort form {
	display:inline-block;
	border:1px solid #a1a1a1;
		height: 22px;
		margin: 0 0 0 0;
}
.submitInline {
		display: inline;
}
.sort_holder {
	float:right;
	/*color:#527fba;*/
	line-height:23px;
	margin:0;
}
.sort_holder select {
	height:23px;
	border:1px solid #a1a1a1;
	font-size:11px;
	width:160px;
	margin:0 0 0 3px;
}
.search_filter_pagination {
	margin-bottom:15px;
	clear:both;
}
.search_filter_pagination .filter {
	color:#527fba;
	font-size:11px;
	float:left;
}
.search_filter_pagination .filter a {
	display:inline-block;
	margin:0 3px;
}
.search_filter_pagination .filter strong {
	font-weight:bold;
	color:#525051;
}
.search_filter_pagination .pagination {
	font-size:12px;
	font-weight:bold;
	float:right;
	text-align:right;
}
.search_filter_pagination .pagination p {
	display:inline-block;
	margin-right:5px;
}
.search_filter_pagination .pagination .pagebuttons {
	display:inline-block;
}
.search_filter_pagination .pagination .pagebuttons img {
	margin-left:5px;
}
/* --- Tutorial detail page specific items --- */
.tutorial_holder {
	height:auto;
	border-bottom:1px solid #a1a1a1;
	padding:20px 0 20px 20px;
}
.tutorials div:last-child {
	border:none;
}
.tutorial_holder .vid_holder {
	width:160px;
	float:left;
	margin-right:20px;
	position:relative;
	height:90px;
	width:160px;
}
.tutorial_accordion_related div.video_tb {
	float:left;
	line-height:14px;
	position:relative;
	height:50px;
	width:90px;
	margin-right:10px;
}
.tutorial_landing_tb_clipout {
	position:absolute;
		clip:rect(15px 160px 105px 0px);
	top:-15px;
	
}
.tutorial_accordion_related div.video_tb .play_button {
	height:50px;
	width:90px;
	position:absolute; 
	background:url(/Content/images/play_overlay_03.png) 50% 50% no-repeat; 
	z-index:1000;
}


.tutorial_holder .tutorial_text {
	float:left;
	font-size:10px;
	line-height:14px;
	width: 350px;
}
.tutorial_holder .tutorial_text span {
	display:inline-block;
	margin-right:75px;
}
	
.tutorial_holder .tutorial_text a {
	font-size:12px;
	font-weight:700;
	line-height:16px;
}   
.tutorial_holder .likes {
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	height:16px;
	display:block;
}
.tutorial_holder .likes img {
	vertical-align: text-bottom;
}
/* Free Tools Pages */
.freetool_contenthead {
	height:auto;
	position:relative;
	margin-bottom:20px;
}
.freetool_contenthead_button {
	position:absolute;
	right:0;
	top:40px;
}
.freetool_description {
	height:auto;
	width:520px;
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
	clear:both;
}
.gallery_container {
	height:auto;
	margin-bottom:10px;
}	
.free_tool_content {
	height:auto;
	width:520px;
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
	clear:both;
}
.free_tool_content p {
	margin-bottom:20px;
}

.free_tool_content li 
{
		/*background: url(/Content/images/bullet.gif) no-repeat;*/
        background:none !important;
		background-position: top left;
		margin-bottom: 10px;
		font-size: 12px !important;
		line-height: 14px;
		padding: 0 0 10px 10px;
		margin: 0;
}
.free_tool_content ul {
		margin:0;
		padding: 0 0 10px 0;
	margin:5px 0 20px 0px;
    list-style-type:disc !important;
}
.free_tools_resources {
	height:auto;
	clear:both;
}
.free_tools_resources div:last-child {
	border:none;
}
.tutorial_accordion_freetools_related {
	height:auto;
	font-size:11px;
	float:left;
	clear:both;
	width: 660px;
	padding:20px;
	border-bottom:1px solid #d4d4d4;
}
.tutorial_accordion_freetools_related div.free_tool_resources_tb {
	float:left;
	line-height:14px;
	position:relative;
	height:40px;
	width:40px;
	margin-right:20px;
}
.tutorial_accordion_freetools_related div.free_tool_resources_detail {
	float:left;
	width:600px;
	font-size:11px;
}
.tutorial_accordion_freetools_related div.free_tool_resources_detail a {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
.tutorial_accordion_freetools_related div.free_tool_resources_detail .keywords p {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
.tutorial_accordion_freetools_related div.free_tool_resources_detail .title {
	font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #557EB9;
}
.tutorial_accordion_freetools_related div.free_tool_resources_detail .description {
	clear:both;
	line-height:20px;
}
.tutorial_accordion_freeignin {
	float:right;
	clear:both;
	margin: 10px;
}

/*-----------------------------------------------------------

Resources - Tutorial Landing Styles

-----------------------------------------------------------*/
.blue_bar_bg_tutorial {
	background:url(../../Content/images/blue_barbg281px.gif) repeat-x left -9px;
}
.tutorial_header {
	height:270px;
	margin-bottom:35px;
}
.learning_activity_header {
	height:270px;
	margin-bottom:35px;
    background-color:#A4D1E0;
}
.tutorial_search_crit {
	font-size:11px;
	margin-bottom:40px;
}
.tutorial_search_crit h5 {
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
.tutorial_search_crit p {
	margin-bottom:5px;
}
.tutorial_search_crit select {
	width:160px;
	border:1px solid #a1a1a1;
	margin-top:10px;
	color:#a1a1a1;
	font-size:11px;
}



.tutorials div:last-child {
	border:none;
}
.tutorial_holder .vid_holder {
	width:160px;
	float:left;
	margin-right:20px;
}
.tutorial_holder .keywords
{
	 white-space: nowrap;
	 display:block;
	 width:100%;
	 font-size: 11px;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
		 
	
.free_tools_accordion h4 {
	margin:0;
	padding:0;
	display:block;
	height:25px;
	padding-left:20px;
	background:#a1a1a1;
	font-weight:normal;
	color:#FFF;
	border-bottom:1px solid #FFF;
	border:1px solid #FFF;
	cursor:pointer;
	line-height:25px;
}
.free_tools_accordion h4 p {
	padding-left:10px;
	height:25px;
	line-height:25px;
	font-size: 14px;
}
.free_tools_accordion h4.accordion_active {
	border-bottom:1px solid #FFF;
	background: none repeat scroll 0 0 #85c3dc;
	color: #fff;
	display:block;
	font-weight:normal;
	height:25px;
	padding-left:20px;
}
.resource_accordion h4 {
	margin:0;
	padding:0;
	display:block;
	height:25px;
	padding-left:20px;
	background:#a1a1a1;
	font-weight:normal;
	color:#FFF;
	border-bottom:1px solid #FFF;
	border:1px solid #FFF;
	cursor:pointer;
}
.resource_accordion h4 p {
	padding-left:20px;
	height:25px;
	line-height:25px;
}
.resource_accordion h4.accordion_active {
	display:block;
	height:25px;
	padding-left:20px;
	font-weight:normal;
	background:#A4D1E0;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
.resource_accordion h4.accordion_active p {
	padding-left:20px;
	height:25px;
	line-height:25px;
}
.add_tutorial_head h1 
{
		color:#eb7c00;
		margin:0;
}
.editResourceLink
{
		background: url("/Content/images/Edit_icon_16x16.png") no-repeat left;
		padding-left: 20px;
		height: 16px;
}
.removeResourceLink
{
		background: url("/Content/images/bluecircx.png") no-repeat left;
		padding-left: 20px;
		height: 16px;
		margin-left: 20px;
}
.resource
{
		padding: 20px;
		/*background-image: url('../images/semiwhitebg.png');*/
		background-repeat: repeat;
		border-top: 1px solid #d4d4d4;
}
.resourceLeft
{
		float: left;
		height: 70px;
		margin-right: 10px;
}
.resourceDetails
{
		float: left;
		max-width: 500px;
}
.resourceDetails .title
{
		font-size: 15px;
		color: #557eb9;
		font-weight: bold;
}
.resourceDetails .description
{
		font-size: 12px;
		line-height: 15px;    
}
.resourceRight
{
    float:right;
		margin-right:75%;
		height: 40px;
		padding-right: 40px;

}
.resourceType
{
		font-size: 13px;
		font-weight: bold;
		color: #a1a1a1;
		text-align: right;
}
.resourceImage
{
	height: 40px;
	width: 40px;
}
.resourceEditControls
{
		position: relative;
		top: 30px;
		right: 0px;
		text-align: right;
		font-size: 12px;
		line-height: 16px;
}
.smallResourceEditControls
{
	display:none;
}
.collapsible_header
{
		display: block;
		height: 25px;
		font-weight: normal;
		line-height: 25px;
		color: #FFF;
		cursor: pointer;
}
.collapsible_collapsed span
{
		padding-left: 25px;
		background: #99CCFF url(/Content/images/circle_plus.png) no-repeat 5px center;
}
.collapsible_collapsed span > span
{
	 padding-left: 0px;
	 background: transparent;
}
.collapsible_collapsed
{
		background-color: #99CCFF;
}
.collapsible_expanded span
{
		padding-left: 25px;
		background: #99CCFF url(/Content/images/circle_minus.png) no-repeat 5px center;
}
.collapsible_expanded span > span
{
	 padding-left: 0px;
	 background: transparent;
}
.collapsible_expanded 
{
	background-color: #99CCFF;
}
.collapsible_expanding span
{
		padding-left: 25px;
	background: #99CCFF url(/Content/Images/Minus_animated_16x16.gif) no-repeat 5px center;
}
.collapsible_expanding span > span
{
	 padding-left: 0px;
	 background: transparent;
}
.blueHeadTable
{
	color: #525051;
	width: 100%;
}
.blueHeadTable tbody > tr > td
{
	padding: 5px 10px 5px 15px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
.blueHeadTable thead
{
	min-height: 30px;
}
.blueHeadTable thead .leftside
{
	background-color:#A4D1E0;
	padding: 2px 15px 2px 15px;
	color: White;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 10px;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.blueHeadTable thead .middle
{
	background-color:#A4D1E0;
	padding: 2px 15px 2px 15px;
	color: White;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
}
.blueHeadTable thead .rightside
{
	background-color:#A4D1E0;
	padding: 2px 15px 2px 15px;
	color: White;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.blueHeadTable td.category
{
	font-weight:bold;
}
.blueHeadTable td.iconInfo
{
	font-weight:bold;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
}
.blueHeadTable td.longDetails span.header
{
	font-weight:bold;
}
.blueHeadTable td.longDetails p
{
	font-size:12px;
}

.waitCursor 
{
    cursor: wait;
}

.resourceSigninTeaser
{
    margin-left: 20px;
    float: none;
}
.resourceSigninTeaser .btncasing
{
    display: block;
    clear: both;
    margin-top: 20px;
}
.resourceSigninTeaserTitle
{
    margin-top: 20px;
    color: #525051;
    font-size: 14px;
    font-weight: bold;
}
.resourceSigninTeaserText
{
    display: block;
    clear: both;
    font-size: 10px;
    margin-top: 20px;
}
.adminStatusButton
{
    white-space:nowrap;
}