/*
	Dream Portal RC 1 (c) 2009-2010 ccbtimewiz
	This file contains all the rules for Dream Portal's modules.
*/

/* ************************************* */
/* General styles                             */
/* ************************************* */

.dp_main
{
	width: 100%;
	border-spacing: 5px;
}

.dp_column
{
	vertical-align: top;
}

.dp_collapse_links
{
	text-align: right;
	width: 100%;
}

.dp_heavyleftpadding
{
	padding-left: 15px;
}

.dp_padding
{
	padding: 0 5px 0px 0px;
}

.smf_content
{
	margin: 0;
	padding: 0.5em 1.2em;
}

.smf_content, .dp_paddingcenter, .dp_center
{
	text-align: center;
}

.dp_paddingcenter
{
	padding: 5px;
}

.dreamframe
{
	padding: 0 1em;
}


/*
	Need to contain the module so it doesn't overflow. Every module will be contained in this class.
*/
div.dp_module
{
	overflow: auto;
}

/* ************************************* */
/* Module-specific styles                  */
/* ************************************* */
/*
	Shoutbox
*/
.shout_smileys, .shout_font_styles
{
	padding-top: 5px;
	display: none;
}

.shout_smileys ul, .shout_font_styles ul
{
	display: inline;
	list-style: none;
}

.shout_smiley_img, .shout_font_style_img
{
	cursor: pointer;
	float: left;
	display: inline;
	margin-right: 5px;
}

/* ************************************* */
/* Module-listing styles                  */
/* ************************************* */
/*
	Layer: 1
*/
.dp_list
{
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 1.5em;
	list-style-type: none;
}

.dp_paddingleft
{
	padding: 0px 0px 0px 5px;
}

.dp_shout_name
{
	line-height: 21px;
}

.dp_list_indent
{
	padding-left: 10px;
}

/*
	Layer: 2
*/

li.dp_list_above
{
	padding-top: 5px;
}

li.dp_list_below
{
	padding-bottom: 5px;
	border-bottom: 1px dashed #AAA;
}

li.dp_list_cut
{
	border-bottom: 1px solid #DDD;
}

.block_header
{
	height: 28px !important;
}

img.dp_curveblock
{
	padding: 8px 2px 1px 0;
}

.hand
{
	cursor: pointer;
}

.dpspacer
{
	margin-top: 7px;
}

.blockframe
{
	padding: 1em;
}

/* **************************************** */
/* Dream Portal Admin Styles				*/
/* **************************************** */

optgroup option, .dp_edit_column
{
	padding-left: 10px;
}

#dp_icon
{
	vertical-align: top;
}

#dp_icon_holder
{
	margin: 10px 0 0 0;
}

/* ************************************* */
/* Module-general styles                 */
/* ************************************* */

.dp_dash_top
{
	margin: 10px 0px -5px 0px;
	border-top: 1px dashed #000000;
}

.dp_dashed
{
	border-bottom: 1px dotted #000000;
}

.dp_hello
{
	font-weight: bold;
	font-size: 125%;
	padding-top: 2px;
	padding-bottom: 4px;
}

.dp_control_flow, .shoutbox_content
{
	max-height: 250px;
	overflow: auto;
}

/* ************************************* */
/* Module-specific styles              */
/* ************************************* */

.dp_news
{
	padding-top: 8px;
}

.dp_news_icon
{
	float: left;
	padding-right: 3px;
	padding-top: 2px;
}

.dp_recent
{
	padding-top: 8px;
	padding-left: 4px;
}

.dp_recent_icon
{
	float: left;
	padding-right: 8px;
	padding-top: 6px;
}

.dp_staff, .dp_newmem
{
	padding-top: 8px;
	padding-left: 4px;
}

.dp_staff_avatar, .dp_newmem_avatar
{
	width: 45px;
	height: 45px;
	padding-right: 9px;
}

.dp_news_avatar, .dp_recent_avatar
{
	width: 45px;
	height: 45px;
}

.dp_cal_month
{
	padding: 5px;
}

#dp_menu
{
	width: 100%;
}
#dp_menu a
{
	margin: 0;
	line-height: 1.7em;
}
#dp_menu li
{
	position: relative;
}
#dp_menu li ul
{
	position: absolute;
	top: 0;
	left: 75%;
	width: 200px;
	background: #FFFFFF;
	border: 1px solid #AAA;
}
#dp_menu ul
{
	display: none;
}
#dp_menu li:hover ul 
{
	display: block;
}

/**********************
	Site Menu Module 
**********************/
div.dpsitemenu
{
	width: 173px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	background: url(../../../dreamportal/module_images/sitemenu/bottom.gif) no-repeat  left bottom;
	color: #fff;
}

div.dpsitemenu div
{
	background: url(../../../dreamportal/module_images/sitemenu/title.gif) repeat-x;
	overflow: hidden;
}

div.dpsitemenu div:first-child
{
	background: url(../../../dreamportal/module_images/sitemenu/toptitle.gif) no-repeat;
}

div.dpsitemenu div.dpsm_collapsed
{
	height: 25px;
	width: 173px;
}

div.dpsm_expanded
{
	width: 173px;
}

div.dpsitemenu div span.subs
{
	display: block;
	margin-top: -6px;
	padding: 5px 25px;
	color: white;
	background: url(../../../dreamportal/module_images/sitemenu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}

div.dpsitemenu div.dpsm_collapsed span.subs
{
	background-image: url(../../../dreamportal/module_images/sitemenu/collapsed.gif);
}

div.dpsitemenu div a
{
	text-decoration: none;
	color: white;
}

div.dpsitemenu div a.sm
{
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #090977;
	text-decoration: none;
}

div.dpsitemenu div a.dptitle_current
{
	text-decoration: none;
	color: #b1b1ff;
	font-weight: bold;
}

div.dpsitemenu div a.dpsm_current
{
	background : #c6cbe8;
	text-decoration: none;
}

div.dpsitemenu div span.no_subs
{
	line-height: 24px;
	padding: 0px 5px 0px 15px;
	color: white;
}

div.dpsitemenu div a.sm:hover
{
	background : #869bd8 url(../../../dreamportal/module_images/sitemenu/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

/* Site Menu Module CSS Finished */

/* Hover Module Color Changer Begin */
.dp_colour_menu {
	float: right;
	height: 25px;
	width:25px;
	position:relative;
	font-family:Verdana, Helvetica, sans-serif;
	z-index:900;
}
.dp_colour_menu .dp_select {
   margin:0px;
   padding:0px;
   list-style:none;
   white-space:nowrap;
}
.dp_colour_menu li {
   float:left;
}
.dp_colour_menu .dp_select a {
   display:block;
   height: 1px;
   float:left;
   padding:0px 10px 0px 0px;
   text-decoration:none;
   line-height:25px;
   white-space:nowrap;
}
.dp_colour_menu .dp_select a b {
   display:block;
   padding:0px 0px 0px 0px;
}
.dp_colour_menu .dp_select a:hover, .dp_colour_menu .dp_select li:hover a {
   padding:0px 0px 0px 0px;
   cursor:pointer;
}
.dp_colour_menu .dp_select a:hover b, .dp_colour_menu .dp_select li:hover a b {
   display:block;
   padding:0px 10px 0px 10px;
   cursor:pointer;
}
.dp_colour_menu .dp_sub {
   display:none;
}
.dp_colour_menu ul ul {
   display:none;
}
.dp_colour_menu .dp_sub {
 margin:0px;
 padding:0px;
 list-style:none;
}
.dp_colour_menu .dp_sub li {
   background:transparent;
}
.dp_colour_menu .dp_select :hover .dp_sub {
   height:25px;
   display:block;
   position:absolute;
   float:left;
   width:230px;
   top:25px;
   left:0px;
   text-align:center;
}
.dp_colour_menu .dp_select :hover .dp_sub li a {
   display:block;
   height:25px;
   line-height:25px;
   float:left;
   padding:0px;
   margin:0px;
   white-space:nowrap;
   font-size:10px;
}
.dp_colour_menu .dp_select :hover .dp_sub li a:hover, .dp_colour_menu .dp_select :hover .dp_sub li:hover {
   line-height:25px;
   position:relative;
}

/* Hover Module Color Changer END */

/* **************************************** */
/* Classes for Drag & Drop					*/
/* **************************************** */

.DragBox
{
	width: 106px;
	padding: 4px 2px 7px 2px;
	font-size: 10px;
	margin-bottom: 5px;
	cursor: pointer;
	font-family: verdana, tahoma, arial;
}
/* White */
.modbox1
{
	border: #000 1px ridge;
	background-color: #fcfcfc;
}
.clonebox1
{
	border: #000 1px ridge;
	background-color: #e6e6e6;
}
/* Gray */
.modbox2
{
	border: #000 1px ridge;
	background-color: #c5c5c5;
}
.clonebox2
{
	border: #000 1px ridge;
	background-color: #aaaaaa;
}
/* Blue */
.modbox3
{
	border: #02528b 1px ridge;
	background-color: #96c4e5;
}
.clonebox3
{
	border: #02528b 1px ridge;
	background-color: #7fa5c2;
}
/* Yellow */
.modbox4
{
	border: #88903b 1px ridge;
	background-color: #e7f658;
}
.clonebox4
{
	border: #88903b 1px ridge;
	background-color: #c7d922;
}
/* Green */
.modbox5
{
	border: #367127 1px ridge;
	background-color: #8fdf7a;
}
.clonebox5
{
	border: #367127 1px ridge;
	background-color: #4baf2f;
}
/* Orange */
.modbox6
{
	border: #8b6c17 1px ridge;
	background-color: #f8d36f;
}
.clonebox6
{
	border: #8b6c17 1px ridge;
	background-color: #E5AF30;
}
/* Red */
.modbox7
{
	border: #7b1a1a 1px ridge;
	background-color: #FF6666;
}
.clonebox7
{
	border: #7b1a1a 1px ridge;
	background-color: #E84C4C;
}
/* Purple */
.modbox8
{
	border: #533c5f 1px ridge;
	background-color: #b186c9;
}
.clonebox8
{
	border: #533c5f 1px ridge;
	background-color: #9274A5;
}
/* Black */
.modbox9
{
	border: #fff 1px ridge;
	background-color: #303030;
}
.clonebox9
{
	border: #fff 1px ridge;
	background-color: #202020;
}
.placeholder {border: 1px dotted black; visibility: visible !important; display: inline-block;}
.placeholder * {visibility: hidden; display: none; height: 0px;}
.disabled_module {float: left; margin-right: 10px;}
.module_page
{
	width: 50%;
	float: left;
}
.module_holder
{
	padding-left: 1em;
	padding-top: 1em;
}
.enabled .draggable_module
{
	width: 100%;
	display: inline-block;
}
.disabled .draggable_module
{
	width: 10em;
	display: inline-block;
	margin-left: 5px;
}
#messages
{
	float: left;
	width: 50%;
}
#action_user_defined2
{
	margin-bottom: 5px;
}

/* ************************************* */
/* Credits styles                        */
/* ************************************* */

#dp_admin_section
{
	overflow: hidden;
	margin: 1em 0;
}
#dp_admin_center .content
{
	padding: 1em;
}

#dp_live_news
{
	width: 64%;
}
#dp_live_news div.content
{
	padding: 0 0 0 1em;
	font-size: 0.85em;
}
#dp_live_news div.content dl
{
	padding: 0.5em 0 0 0.5em;
}

#dpVersionTable
{
	width: 34%;
}
#dp_version_details
{
	overflow: auto;
	height: 9.5em;
}
#dpAnnouncements
{
	height: 13.5em;
	overflow: auto;
}
#dpAnnouncements dt
{
	border-bottom: 1px dashed #000;
}
#dpAnnouncements dd
{
	padding: 0;
	margin: 0 0 1em 1.5em;
}
#dp_update_section
{
	margin: 0.5em 0 0;
}