@charset "utf-8";
/* CSS Document 
Edited/Updated by Unconfusing Technology, LLC
www.unconfusing.com

Please give credit when copying.
*/

@font-face {
    font-family: 'ramblabold';
    src: url('rambla-bold-webfont.eot');
    src: url('rambla-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rambla-bold-webfont.woff') format('woff'),
         url('rambla-bold-webfont.ttf') format('truetype'),
         url('rambla-bold-webfont.svg#ramblabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ramblaregular';
    src: url('rambla-regular-webfont.eot');
    src: url('rambla-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('rambla-regular-webfont.woff') format('woff'),
         url('rambla-regular-webfont.ttf') format('truetype'),
         url('rambla-regular-webfont.svg#ramblaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* http://meyerweb.com/eric/tools/css/reset/ */


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * ******************************
 * 
 * OVERALL
 * 
 * ******************************
 */

body 
{
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	/*background:#7E827A;*/
	/*	background:#5a5a5a;*/

	
	height:100%;
}

/**
 * ******************************
 * 
 * HEADER
 * 
 * ******************************
 */
#header
{
	padding-top:0px;
	margin:0 auto;
}


#logo
{
	width:50%;
	float:left;
	padding-left:20px;
	margin-bottom:10px;
}


#userControl
{
	background:url(../images/icons/options.png) center left no-repeat;
	padding-left:40px;
	width:150px;
	float:right;
	color:#666666;
	font-size:12px;
	height:40px;
	font-weight:normal;
	vertical-align:middle;
}
#userControl a { display:inline-block; padding:0 3px; }

#userControl .profile
{
	font-weight:bold;	
}
#userControl .last
{
	font-size:11px;
}




/**
 * ******************************
 * 
 * FOOTER
 * 
 * ******************************
 */

#footer 
{
	/*border-top:1px solid #eeeeee;*/
	margin:10px 0 0 0;
	padding:20px 0 10px 0;
	/*background:#ffffff url(../images/footer-bk.png) top left repeat-x;*/
	width:970px;
	margin:0 auto;
	color:#000; text-align:center;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#footer-inner
{
	width:970px;
	margin:0 auto;
}
#footer p
{
	font-size:10px;
	color:#888;	
}
#footer a
{
	color:#333;
}
#footer a:hover
{
	color:#000;
}

/**
 * ******************************
 * 
 * MAIN NAVIGATION
 * 
 * ******************************
 */
 
 #top-menu
{
	/*background:url("../images/layout/main_nav.png") scroll center bottom transparent repeat-x;*/
	border-bottom:1px solid #eeeeee;
    color: #BBBBBB;
    height: 40px;
    padding-bottom: 4px;
    position: fixed;
	top:0;
	left:0;
    /*text-shadow: 0 1px 1px #111111;*/
    width: 100%;
    z-index: 98;
	line-height:40px;
	min-width:960px;
	background:#fff;
}
#top-menu-inner { max-width:1280px; margin:0 auto; }
#top-menu a, #bottom-menu a { color:#bbbbbb; }
#top-menu a.icon-button { 
	
	text-indent: -999em;

    background-position: center center;
    background-color:#333333;
    background-repeat: no-repeat;
    border: 1px solid #888888;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #2E2E2E;
    display: inline-block;
    height: 16px;
    margin: 8px 8px 0 0;
    padding: 3px;
    width: 16px;
    
}

.separate { background:url(../images/icons/separate.png) center top no-repeat; width:4px; display:inline-block; height:40px; }
 

#menu 
{
	/*
	width:100%;
	margin:0 auto;
	background:#2F343B;
	*/
	height:40px;
	vertical-align:middle;
	float:left;
}

#menu a
{
	padding:4px;
	margin:0 5px;
	display:inline-block;
	line-height:32px;
	color:#666;
	vertical-align:middle;
}

#menu a img { vertical-align:middle; }

#menu a:hover, #userControl a:hover
{
	text-decoration:none;
	background:#82df6c;
	color:#fff;
}

#loginMenu
{
	background:#ffffff;
	border:1px solid #333333;
	padding:20px;
	display:none;
	margin-top:10px;
	position:relative;
	z-index:5;
	width:100px;
}
#loginMenu a
{
	color:#000000;
	padding:5px 0;
	display:block;
}
#loginMenu a:hover
{
	color:#00355f;
}

/**
 * ******************************
 * 
 * MAIN DIV COMPONENTS
 * 
 * ******************************
 */

#container 
{
	margin:10px auto;
	text-align:left;
	width:1000px;
	background:#fafafa;
	
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	
}
.contain { width:1000px; margin:0 auto; }

.main
{
	background:#F4F4F4;
	padding:30px 20px 20px 20px;
	
}




/******************************
 * 
 *    FROM BOXES.CSS
 * 
 ***************************/

.clear, .floatbuster,.fb { clear:both; float:none;}

.graybox
{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#F6F6F6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#F6F6F6));
		
	border:1px solid #dddddd;
	/*min-height:100px;*/
	color:#333;
}

.graybox .label
{
	padding:3px;
	color:#333;
	font-size: 13px;
    line-height: 14px;
	display:inline-block;
}


.graybox p
{
	color:#333;
}

.graybox a
{
	color:#A1B1C7;
	text-shadow:.1em .1em .2em #fff;
}

.graybox .text { 
		
	border-collapse:collapse; 
	
	padding:5px; 
	font-size:13px; 
	line-height:14px; 
	
	background:#fff;
    border: 1px solid #D1D2D3;
	
	-moz-box-shadow: 0 0 1px #fff;
	-webkit-box-shadow: 0 0 1px #fff;
	box-shadow: 0 0 1px #fff;

	}


hr
{
	height:0;
	background-color:none;
	border-top:1px dotted top #cccccc;
	border-bottom:none;
	border-right:none;
	border-left:none;
}

#jcrop_open, #menuHolder
{
	width:960px;
}
#menuList td
{
	vertical-align:top !important;
}

/**
 * ******************************
 * 
 * IMAGES
 * 
 * ******************************
 */
img 
{ 
	border:none;
}
.imgthumb 
{
	display:none;
	width:85px;
}
.imgthumb img 
{
	border:1px solid #555;
}

.thumb { width:175px; }

/**
 * ******************************
 * 
 * INPUT/ORGANIZATIONAL Styles
 * 
 * ******************************
 */

input.delete:hover
{
	background-color:#993333;
}

input.clear
{
	background:transparent;
	border:none;
}


input.full,textarea.full,.full,.stretch
{
	width:98% !important;
}

.label
{
	padding:3px 5px;
	color: #333333;
	font-size: 13px;
    line-height: 14px;
	display:inline-block;
}

.input
{
	margin-bottom:5px;
	vertical-align:middle;
}

.item
{
	float:none;
	clear:both;	
	margin-bottom:15px;
	margin-top:10px;
}

.button {
	font-family:ramblaregular,Tahoma, Geneva;
	font-size: 13px;
	color: #333333;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cacaca);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#cacaca));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #cccccc;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	
		text-decoration:none;
		font-weight:normal;
		-moz-box-shadow: 0 0 2px #ebebeb;
		-webkit-box-shadow: 0 0 2px #ebebeb;
		box-shadow: 0 0 2px #ebebeb;
		
}

.button:hover {
	color: #050505;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
		/*
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
		*/
		text-decoration:none;
		font-weight:normal;
}



/**
 * ******************************
 * 
 * Table Styles
 * 
 * ******************************
 */

table.border { padding-bottom:20px; }

table.border th
{
	text-align:left;	
}

table.border tr th { font-weight:bold; }

table.border tr
{
	border-top:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
}
table.border tr:hover
{
	background-color:#F4F4F4;
}
table.border tr td, table.border tr th
{
	padding:6px 0px;	
}

table.cellpadd tr td, table.cellpadd tr th { padding:10px; margin-bottom:30px; }
table.stretch { width:99%; }


.indent
{
	padding-left:40px;
}

.imgthumb
{
	width:90px;	
}

th { font-weight:bold; }

/**
 * ******************************
 * 
 * FORM ELEMENTS
 * 
 * ******************************
 */

form p {margin:0 0 10px 0;}


.text { 
	border-collapse:collapse; 
	
	padding:5px; 
	font-size:13px; 
	line-height:14px; 
	/*
	border:1px solid #ccc; 
	-moz-box-shadow: 0 0 3px #7E827A;
	-webkit-box-shadow: 0 0 3px #7E827A;
	box-shadow: 0 0 3px #7E827A;
	*/
	
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#eeeeee);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#eeeeee));
    border: 1px solid #D1D2D3;
    transition: all 1s ease 0s;
	}

/*form input#post-metad { width:513px !important; }*/
input.text:focus, textarea:focus, select:focus
{ 
	/*border:1px solid #888;*/
	border: 1px solid #7E827A;
}
textarea.textarea 
{ 
	border-collapse:collapse; border:1px solid #333; padding:5px; font-size:13px; line-height:14px;
}

/*
input.submit, input.form_button, button {
	padding:5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
*/

.largeform
{
	width:605px;
}

textarea.full
{
	width:630px; 
	height:350px;
}
	
input[readonly], textarea[readonly], select[readonly] 
{
  background:#f9f9f9;
  color:#ccc;
  cursor:default;
}

textarea[readonly]
{
	border:1px solid #aaa;
}

textarea#codetext 
{ 
	height:600px; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; 
	line-height:18px;
	font-size:12px;
}
.short 
{ 
	width:160px !important;
}

.medium
{ 
	width:210px !important;
}

.long
{ 
	width:310px !important;
}

.xlong
{ 
	width:420px !important;
}

.tall
{ 
	height:250px !important;
}


div.fakefile {
	height:40px;
	
	cursor:pointer;
	width:150px;
}
div.fakefile input
{
	opacity:0;
	moz-opacity:0;
	height:40px;
	width:150px;
	cursor:pointer !important;
}


/**
 * ******************************
 * 
 * PAGE EDITING
 * 
 * ******************************
 */
#metadata_window {margin:10px 0 10px 0;}
table.formtable td:first-child { padding:6px 0 6px 20px; }
table.formtable td {
	padding:6px;
	vertical-align:middle;
	width:50%;
}
table.formtable select {
	width:245px;
	float:none;
	font-size:11px;
	padding:4px;
}


table.standard td
{
	vertical-align:middle;
	height:30px;
	padding:5px 0;
}
/**
 * ******************************
 * 
 * Notifications
 * 
 * ******************************
 */

/*
label.error, div.error
{
	font-size:13px;
	margin:3px 8px 8px 3px;
	color:#6F1719; 
	background-color:#ffeaea; 
	border:1px solid #a02a2a;
}
*/

.good
{
	font-size:13px;
	margin:3px 8px 8px 3px;
	background-color:#eaffec;
	color:#115418;
	border:1px solid #115418;
	padding:10px;
}

.updated, .notice
{
	margin:0 0 8px 0;
	background:#FCFBB8;
	padding:5px;
	border:1px solid #F9CF51;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.error 
{
	background-color:#f3e5e5; 
}

label.error
{
	color:#D94136;
	background:none;
	margin-left:8px;
	font-size:12px;
	display:block;
}

div.error
{
	padding:8px;
	margin:8px 0px;
	border:1px solid #D94136;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.deletedrow 
{
	background-color:#feffc5;
}

.updated
{
	color:#308000;
}
.hint
{
	color:#999;
}

.toggle {display:none;}

.highlight tr:hover
{
	background-color:#fffaf2;
}

.help
{
	padding-left:20px;
}

/**
 * ******************************
 * 
 * LOGIN
 * 
 * ******************************
 */

.mainLogin
{
	background:url(../images/icons/user.png) center left no-repeat;
	padding-left:45px !important;
}
.mainPassword
{
	background:url(../images/icons/lock.png) center left no-repeat;
	padding-left:30px !important;
}

/**
 * ******************************
 * 
 * ICONS
 * 
 * ******************************
 */
.iconCell
{
	width:50px;
}
.iconHolder
{ 
	width:30px;
	display:inline-block;
}
.icon
{ 
	padding-left:25px;
}

.page
{
	background:url(../images/icons/page.png) left center no-repeat;
}
.post
{
	background:url(../images/icons/post.png) left center no-repeat;
}
.files
{
	background:url(../images/icons/file.png) left center no-repeat;
}
.theme
{
	background:url(../images/icons/theme.png) left center no-repeat;
}
.backup
{
	background:url(../images/icons/backup.png) left center no-repeat;
}
.plugin
{
	background:url(../images/icons/plugin.png) left center no-repeat;
}
.people
{
	background:url(../images/icons/people.png) left center no-repeat;
}
.settings
{
	background:url(../images/icons/settings.png) left center no-repeat;
}

.image
{
	background:url(../images/icons/images.png) left center no-repeat;
}
.document
{
	background:url(../images/icons/documents.png) left center no-repeat;
}
/**
 * ******************************
 * 
 * List Tables
 * 
 * ******************************
 */

.hr
{
	height:1px; background-color: #efefef; margin:10px 0;
}

#listTable, #controlTable
{
	width:90%;
	border-collapse:collapse;
	margin-bottom:15px;
}
#listTable tr th, #controlTable tr th
{
	padding:10px 0;
	font-weight:bold;
}
#listTable tr td, #controlTable tr td
{
	border-bottom:1px solid #eeeeee;
	padding:5px 0;
}
#listTable tr:hover, #controlTable tr:hover
{
	background-color:#fffaf2;
}
.rowpadd tr td
{
	padding:5px 0;
}

#editBox
{
	border:1px solid #aaaaaa;
	background:#ffffff;
}

/**
 * ******************************
 * 
 * Form Tables
 * 
 * ******************************
 */

.formTable
{
	width:600px;
	border-collapse:collapse;
}
.formTable tr td
{
	width:50%;
	vertical-align:top;
	padding:5px 0;
	border:0;
}
.formTable tr td p
{
	padding:8px 20px;
}

/**
 * ******************************
 * 
 * IMAGE INSERT POPUP
 * 
 * ******************************
 */

#image_inserter_container
{
	max-width:700px;
	background:#fff;
	border:2px solid #333;
	padding:20px;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}
#note_container #note_close, #image_inserter_container #image_close
{
	float:right;
	height:30px;
	width:20px;	
}

.handle
{
	float:left;
	height:30px;
	width:20px;	
}

.file .desc { width:1px; height:1px; color:#fff; overflow:hidden; }

/**
 * ******************************
 * 
 * Columns
 * 
 * ******************************
 */

.col
{
	min-height:200px;	
}
.half-col
{
	width:180px;
}
.one-col
{
	width:230px;
}
.one-half-col
{
	width:300px;
}
.two-col
{
	width:455px;	
}
.three-col
{
	width:555px;	
}
.four-col
{
	width:605px;	
}

.fifth-col
{
	width:700px;	
}

.file-title { height:22px; width:95%; float:left; overflow:hidden; }
.file-delete { height:22px; width:5%; float:right; }

.file-link { height:22px; width:80%; float:left; overflow:hidden; }
.file-size { height:22px; width:20%; float:right; }

.overflow-y-2 {  height:200px; overflow-y:scroll; }
.overflow-y-3 {  height:300px; overflow-y:scroll; }
.overflow-y-5 { height:500px; overflow-y:scroll;  }

.col-half-col { width:49%; }
.col-fourth-col { width:25%; }
.col-three-fourths-col { width:74%; }
.col-third-col { width:33%; }
.col-two-thirds-col { width:65%; }
/* ALIGNMENT ************************************************/

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

.padd { padding:10px; }
.maxipadd { padding:20px 30px; }
.margin-top { margin-top:10px; }
.margin-bot { margin-bottom:10px; }
.margin-right { margin-right:10px; }
.margin-left { margin-left:10px; }
.margin-both { margin:0 10px; }
.margin { margin:10px; }
.no-top { margin-top:0; padding-top:0; }
.no-bot { margin-bottom:0; padding-top:0; }

.txtCenter
{ text-align:center; }
.txtRight
{ text-align:right; }
.txtLeft
{ text-align:left; }

small { font-size:10px; }

/* object boxes ************************************************/

.objectBox
{
	width:240px;
	border:1px solid #cccccc;
	margin:10px;
	padding:15px;
	min-height:260px;
}

.objectBox:hover, .imageBox:hover
{ background-color:#f1fbff; }

.thumbBox
{
	width:160px;
	border:1px solid #cccccc;
	margin:10px;
	padding:15px;
	min-height:240px;
}

.thumbBox:hover, .imageBox:hover
{ background-color:#f1fbff; }

.imageBox
{
	width:190px;
	border:1px solid #cccccc;
	margin:5px;
	padding:15px;
}

.imgHolder
{
	height:155px;
}

.imageBox .thumb img
{
	max-width:180px;
	max-height:100px;
}

.tinyBox
{
	width:140px;
	height:140px;
	border:1px solid #cccccc;
	margin:5px;
	padding:10px;
}
.tinyBox img
{
	max-width:140px;
	max-height:100px;
}
.tinyBox .desc { height:40px; overflow:hidden; }

.create
{
	background:url(../images/icons/create.png) top right no-repeat;
	border-color:#e1e3cf;
}

.enabled
{
	background:url(../images/icons/approve.png) top right no-repeat;
}

.disabled
{
	background:url(../images/stripes.png) top left;
}


/******************************
 * 
 *    FROM TEXT.CSS
 * 
 ***************************/
a { color:#195073; outline: none; }
a:focus { -moz-outline-style: none; }

p
{
	color: #333333;
	font-size: 13px;
    line-height: 14px;
    margin: 1em 0;
}

h1
{
	font-size:20px;
	line-height:25px;
	font-family:ramblabold,Tahoma,"Verdana",Arial, sans-serif;
	color:#2F343B;
	margin:14px 0;
	font-weight:bold;
	/*text-shadow:0 0 1px #efefef;*/
}
h2
{
	font-size:18px;
	line-height:25px;
	font-family:ramblabold,Tahoma,"Verdana",Arial, sans-serif;
	color:#6cb5df;
	margin:10px 0;
	font-weight:bold;
	text-shadow:0 0 1px #efefef;
}
h2 span 
{
	color:#bbb;
	font-style:italic;
}

h3 
{
	font-size:17px;.
	line-height:22px;
	font-family:ramblabold,"Verdana",Arial, sans-serif;
	color:#6cb5df;
	margin:15px 0;
	font-weight:bold;
}

h4
{
	font-size:13px;.
	line-height:18px;
	font-family:"Verdana",Arial, sans-serif;
	color:#333333;
	margin:15px 0;
	font-weight:bold;
	text-shadow:none;
}
		
.title
{
	float:left;
	display:block;
}

.instructions
{
	font-size:11px;
	color:#666666;
}

.green
{  
	color:<?php echo $primaryColor; ?>;
}

a
{
	color:<?php echo $secondaryColor; ?>;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

ul, ol
{
	margin-left:30px;
	margin-bottom:15px;
	margin-top:15px;
	list-style-type:disc;
	
}

li
{
	padding:1px;
	margin:2px 0;
}

strong
{ font-weight:bold; }
em
{ font-style:italic;  }


.actions { min-width:150px; }
.actions a
{
	text-decoration:none !important;
	display:inline-block;
	vertical-align:middle;
}

.edit, .approve, .delete, .delconfirm
{
	color:#aaa;
	font-size:11px;
	font-weight:normal;
}

.delete, .delconfirm
{
	color:#ff0000;
}

.delete:hover, .delconfirm:hover
{
	background-color:#D94136 !important;
	background:#D94136 !important; 
	color:#ffffff !important; 
}

a.cancel:hover 
{ 
	background:#fff779 !important;
	text-decoration:none !important;
}

/*
.edit
{
	background-image:url(../images/icons/edit.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.delete
{
	background-image:url(../images/icons/delete.png);
	background-position:left center;
	background-repeat:no-repeat;
}
*/
.edit:hover 
{
	color:#333333 !important;
}

.approve:hover
{
	background-color:#F5D75F;
	color:#333333 !important;
}


.small, .smalltext
{ font-size:12px; }
.smaller
{}
small
{
	padding:0 3px;
}

sup
{ font-size:9px; }

.headline
{
	font-size:18px !important;
}

.example-text
{
  color:#ccc !important;
  font-style:italic !important;
  font-weight:normal !important;
}

.gray
{
	color:#A1A1A1;
}
.txtRight
{
	text-align:right;
}

#filetypetoggle { color:#999; font-size:12px;}

.noticeBox { padding:20px; background:#fff3a5; border:1px solid #ffe11b; }



.connectedSortable { min-height:100px; border:1px solid #eeeeee; }

.folder { width:140px; display:inline-block; margin:10px; text-align:center; height:90px; vertical-align:top; overflow:hidden; }
.folder img { display:block; margin:0 auto; }





/******************************

ICON PREVIEW

*******************************/

.icon-preview { width:40px; padding:10px; text-align:center; display:inline-block; }
.icon-holder { height:300px; overflow-y:scroll; overflow-x:hidden; }
.selected { background:#E8A11E; }