/*** Common ***/
.width50 { width: 50px !important; }
.width100 { width: 100px !important; }
.width150 { width: 150px !important; }
.width200 { width: 200px !important; }
.width250 { width: 250px !important; }
.width350 { width: 350px !important; }
.width500 { width: 500px !important; }
.width520 { width: 520px !important; }
.width550 { width: 550px !important; }

.height100 { height: 100px !important; }
.height400 { height: 400px !important; }
.height500 { height: 500px !important; }

.floatLeft { float: left; }
.floatRight { float: right; }

.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
	margin: auto;
}

.alignRight { text-align: right; }
.alignTop    { vertical-align: top;    }
.alignMiddle { vertical-align: middle; }

.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin55 { margin: 55px; }

.marginLeft5 { margin-left: 5px; }
.marginLeft7 { margin-left: 7px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft20 { margin-left: 20px; }
.marginLeft25 { margin-left: 25px; }
.marginLeft30 { margin-left: 30px; }
.marginLeft50 { margin-left: 50px; }
.marginLeft100 { margin-left: 100px; }

.marginLeftRight5 { margin: 0px 5px; }
.marginLeftRight7 { margin: 0px 7px; }

.marginTop5 { margin-top: 5px; }
.marginTop8 { margin-top: 8px; }
.marginTop10 { margin-top: 10px; }
.marginTop15 { margin-top: 15px; }
.marginTop20 { margin-top: 20px; }
.marginTop50 { margin-top: 50px; }
.marginTop55 { margin-top: 55px; }

.marginBottom5 { margin-bottom: 5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom20 { margin-bottom: 20px; }

.marginRight5 { margin-right: 5px; }
.marginRight15 { margin-right: 15px; }

.marginTopBottom10 { margin: 10px 0; }
.marginTopBottom20 { margin: 20px 0; }

.padding2 { padding: 2px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }

.paddingTop5 { padding-top: 5px; }
.paddingTop10 { padding-top: 10px; }

.paddingBottom3  { padding-bottom: 3px;  }
.paddingBottom10 { padding-bottom: 10px; }

.paddingTopBottom10 { padding: 10px 0px; }

.fontPurple { color: #782455; }
.fontYellow { color: #feb71d; }
.fontYellow2 { color: #A86312; }
.fontWhite  { color: #ffffff; }
.fontMaroon { color: #800000; }

.font24 { font-size: 24px; }
.font14 { font-size: 14px; }
.font12 { font-size: 12px; }
.font10 { font-size: 10px; }

.bold { font-weight: bold; }

.overflowAuto { overflow: auto; }

.clearLeft {
	clear: left;	
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pointer, .action {
	cursor: pointer;
}

.positionRelative {
	position: relative;	
}

.positionAbsolute {
	position: absolute;	
}

.action {
	color: #0D5798;
	text-decoration: underline;
}

.lineHeight20 { line-height: 20px; }
.lineHeight25 { line-height: 25px; }

.border1Solid { border: 1px solid; }

.uploadSingle .rich-fileupload-toolbar-decor {
	border-width: 0px;
	background-color: transparent;
}

div.uploadSingle .rich-fileupload-list-decor {
	border-width: 0px;
	background-color: transparent;
}

div#header {
	width: 100%; height: 50px;
	background: url(../img/bg3.png) 0 0 repeat;
	border-bottom: 1px solid #000;
}

div#header div#logo {
	width: 253px; height: 50px;
	background: url(../img/moobifly.png) 0 0 no-repeat;
	float: left;
}

div#header div#menu {
	margin: 30px 10px 0 0; float: right;
	font: bold 12px "Lucida Grande";
}

div#header div#menu a {
	color: #FFF;
}

div#header div#menu a:hover {
	color: #FEF49C;
	text-decoration: none;
}

div#header div#menu .selectedMenu {
	color: #FEF49C;
	text-decoration: none;
}

div#header div#menu .separator {
	margin: 0 10px;
	color: #FFF;
}

div#body {
	padding: 15px;
	background-color: #FFF;
}
div#articlesPanel {
	width: 100%;
}

div#categoriesPanel {
	width: 250px;
}

.categoryListItem {
	font: bold 14px "Lucida Grande";
	margin: 5px 5px 5px 0px;
}

.categoryListItem a {
	margin-left: 20px;
}

.subcatList .subcategoryListItem {
	font: bold 14px "Lucida Grande";
	margin: 5px 5px 5px 20px;
}

.subcatList .subcategoryListItem a {
	margin-left: 20px;
}

.repo {
	background:transparent url(../img/box.png) no-repeat scroll left center;
	display:block;
}

.featured {
	background:transparent url(../img/heart.png) no-repeat scroll left center;
	display:block;
}

.categoryFolder {
	background:transparent url(../img/folder.png) no-repeat scroll left center;
	display:block;
}


.categoryListItemSelected {
	background-color: #F7EFAA;
}


div#categoryPicker {
	font: bold 20px "Lucida Grande";
}

div#createNewArticlePanel {
	padding: 10px;
}

div#createNewArticlePanel #title {
	font: bold 20px "Lucida Grande";
	margin-bottom: 5px;
}

div#newContentPanel #title {
	font: bold 16px "Lucida Grande";
	margin-bottom: 5px;
}


/****** ICONS **********/
.icon_add {
	background-image:url(../img/add.gif) !important;
}
.icon_folder {
	background-image:url(../img/folder.png) !important;
}
.icon_blueTag {
	background-image:url(../img/blueTag.png) !important;
}
/****** END OF ICONS **********/

.tooltipTitle {
	font: bold 11px "Lucida Grande";
}

.tooltipExcerpt {
	font: Normal 11px "Lucida Grande";
	margin-top: 3px;
}

input.title {
	font-size: 16px;
	font-weight: bold;
}