/*
	Dream Portal Beta 2 (c) 2009 ccbtimewiz
	This file contains all the rules for Dream Portal's modules.
*/

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

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

#dp_top
{
	vertical-align: top;
}

#dp_left
{
	vertical-align: top;
}

#dp_right
{
	vertical-align: top;
}

#dp_center
{
	vertical-align: top;
}

#dp_bottom
{
	vertical-align: top;
}

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

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

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

/* ************************************* */
/* 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_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;
}

h3.block_header
{
	height: 25px;
}

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

span.dp_coreblock
{
	margin: 2px -10px 2px 2px;
}

.dpspacer
{
	margin-top: 7px;
}

.blockframe
{
	padding: 1em;
}

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

optgroup option
{
	padding-left: 10px;
}

#dp_icon
{
	vertical-align: top;
}

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

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

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

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

.dp_control_flow
{
	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(../images/portal_images/sitemenu/bottom.gif) no-repeat  right bottom;
	color: #fff;
}

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

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

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

div.dpsitemenu div span.subs
{
	display: block;
	margin-top: -6px;
	padding: 5px 25px;
	color: white;
	background: url(../images/portal_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(../images/portal_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(../images/portal_images/sitemenu/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

/* Site Menu Module CSS Finished */

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

.DragDropContainer, .OverDragDropContainer, .DragDropContainer2, .OverDragDropContainer2, .dpLayout {
	margin: 3px;
	border: #669999 2px solid;
	padding: 5px;
}

.DragDropContainer, .OverDragDropContainer, .dpLayout
{
	float: left;
	width: 110px;
}

.DragDropContainer2, .OverDragDropContainer2
{
	width: 330px;
}

.OverDragDropContainer, .OverDragDropContainer2
{
	background-color: #fcfcfc;
}

.moduleDragContainer
{
	float: left;
	margin: 3px;
	width: 110px;
	padding: 5px;
}

.moduleHolder
{
	float: left;
	width: 130px;
	border: #669999 2px solid;
	padding: 5px;
}

.DragBox, .OverDragBox, .DragDragBox
{
	width: 106px;
}

.DragBox, .DragBox2, .OverDragBox, .OverDragBox2, .DragDragBox, .DragDragBox2
{
	border: #000 1px solid;
	padding: 4px 2px 7px 2px;
	font-size: 10px;
	margin-bottom: 5px;
	cursor: pointer;
	font-family: verdana, tahoma, arial;
}

.DragBox, .DragBox2
{
	background-color: #fcfcfc;
}

.DragBox2, .OverDragBox2, .DragDragBox2
{
	width: 326px;
}

.OverDragBox, .DragDragBox, .OverDragBox2, .DragDragBox2
{
	background-color: #a9b5f7;
}

.disabled
{
	width: 102px;
}

.placeholder
{
	display: none;
}