/**
 * Site structure CSS
 * 
 * @author 			Paul Killoran <paul@starlight.ie>
 * @package			starlight
 * @subpackage		starlight.launchpad
 * @access 			public
 * @version			$Revision: 1 $
 * @modifiedby		$LastChangedBy: pkilloran $
 * @lastmodified	$Date: 2009-12-09 00:00:00 -0000 (Wed, 09 Dec 2009) $ 
 * @copyright		Copyright (c) 2009, Starlight Solutions
 *
 */

/* Structure and layout */
body { margin:0px; padding:0px; background-color:#000000; /*background-image:url('img/background_002.png');*/ background-position:0px 44px; background-repeat:repeat-x; }

div#layout_flash_message { border:6px solid #221E1F; padding:60px 0px; background-color:#272827; margin-top:15px; text-align:center; }
div#layout_flash_message a { color:#f1f2fa; text-decoration:none; font-size:15pt; }

/*div#page { margin:0px auto; width:987px; }*/
/*div#homepage { width:990px; }*/
div#homepage h2 { color:#a6a8ab; font-family:Tahoma, Geneva, sans-serif; font-size:12pt; font-weight:normal; height:30px; line-height:30px; vertical-align:middle; background-color:#040707; margin:0px; padding:0px 5px 10px; }
div#homepage h2 a { color:#a6a8ab; text-decoration:none; border:0px; }
div#homepage a img { border:0px; }

/* Header */
div#page_header { width:100%; position:fixed; top:0; left:0; z-index:2; color:#FFF; height:42px; background-color:#000000; overflow:hidden; }
div#page_header a { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; margin:0px; }
div#page_header a img { border:0px; margin:0px; padding:0px; }
div#page_header div#logo { float:left; }
div#page_header div#logo a { border:0px; }
div#page_header div#quick_links { float:left; margin:2px 0px 0px 89px; }
div#page_header div#mysu_login { float:left; margin:0px 0px 0px 16px; }
div#page_header div#mysu_login div { float:left; border-left:2px solid #c0c1c1; width:90px; }
div#page_header div#mysu_login div a { border:0px; text-align:center; width:90px; display:block; }
div#page_header div#header_contact { float:left; margin:0px; }
div#page_header div#header_contact div { float:left; border-left:2px solid #c0c1c1; border-right:2px solid #c0c1c1; width:90px; }
div#page_header div#header_contact div a { border:0px; text-align:center; width:90px; display:block; }
div#page_header div#quick_search { float:left; margin: 12px 0px 0px 20px; } 
div#page_header div#quick_search form.search { } 
div#page_header div#quick_search form.search input.query_box { border:1px solid #8d9091; height:17px; line-height:14px; width:169px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9pt; padding: 2px 6px 0px 6px; color:#939597; } 
div#page_header div#quick_search form.search input.query_go { border:1px solid #adafb1; height:19px; width:32px; float:left; margin-left:5px; } 

/* Main Content */
div#page_content { width:929px; padding:0px; margin:0px 0px 0px 61px; }
div#page_expanding_containers { width:100%; margin:39px 0px 0px 0px; padding:0px 0px 5px 0px; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }

/* Footer */
div#footnote { width:929px; padding:0px; margin:0px 0px 60px 62px; background-color:#414142; height:28px; overflow:hidden; }
div#footnote div#powered_by { float:left; width:200px; margin-left:16px; }
div#footnote div#footnote_text { float:right; margin-right:16px; }
div#footnote a { font-size:7pt; color:#808184; text-decoration:none; line-height:28px; border:0px; }

/* Home Page */
div#homepage div#page_header_container { height:300px; }

/* Home Page News */
div#homepage div#homenews { padding:15px 0px 0px 0px; overflow:hidden; height:245px; width:929px; }
div#homepage div#homenews h1 { display:none; }
div#homepage div#homenews h2 { font-family:Verdana, Geneva, sans-serif; font-size:14pt; color:#040707; background:none; font-weight:bold; line-height:25px; margin:10px 0px; padding:0px; height:auto; }
div#homepage div#homenews h2 a { color:#040707; border:0px; }
div#homepage div#homenews p { font-family:Verdana, Geneva, sans-serif; font-size:11pt; }
div#homepage div#homenews div.article_1 { height:239px; width:419px; background-image:url('img/news_01.png'); background-repeat:no-repeat; float:left; position:relative; visibility:hidden; }
div#homepage div#homenews div.article_1 p { color:#f1f1f1; }
div#homepage div#homenews div.article_1 div.thumbnail { background-color:#ea068c; width:130px; height:120px; }
div#homepage div#homenews div.article_1 div.thumbnail div.img_box { width:130px; height:120px; }
div#homepage div#homenews div.article_1 div.thumbnail div.img_box img { width:130px; height:120px; }

div#homepage div#homenews div.article_2 { height:239px; width:241px; background-image:url('img/news_02.png'); background-repeat:no-repeat; float:left; margin-left:15px; position:relative; visibility:hidden; }
div#homepage div#homenews div.article_3 { height:239px; width:241px; background-image:url('img/news_03.png'); background-repeat:no-repeat; float:left; margin-left:13px; position:relative; visibility:hidden; }
div#homepage div#homenews div div.content { padding:5px 5px 5px 18px; }
div#homepage div#homenews div div.content a.read_more { position:absolute; border:0px; }
div#homepage div#homenews div.article_1 div.content a.read_more { top:208px; left:394px;  }
div#homepage div#homenews div.article_2 div.content a.read_more { top:208px; left:215px;  }
div#homepage div#homenews div.article_3 div.content a.read_more { top:208px; left:216px;  }
div#homepage div#homenews div div.content a.read_more img { border:0px; }

/* Menu */
/* Level 1 */
div#menu { position:relative; margin:11px 0px 0px 0px; }
div#menu div#menu_level_1 { background-color:#f8ef21; height:49px; }
div#menu div#menu_level_1 ul { margin:0px; padding:0px 0px 0px 0px; }
div#menu div#menu_level_1 ul li { list-style:none; float:left; display:block; }
div#menu div#menu_level_1 ul li a { color:#000; text-decoration:none; font-size:13pt; padding:15px 14px 0px 14px; display:block; font-family:Verdana, Geneva, sans-serif; border:0px; }
div#menu div#menu_level_1 ul li a:hover div { border-bottom:2px solid #000; display:block; }
div#menu div#menu_level_1 ul li.active a div { border-bottom:2px solid #000; display:block; }

/* Level 2 */
div#menu div#menu_level_2_drawer { background-color:#040707; position:relative; }
div#menu div#menu_level_2_drawer div#menu_level_2 { border-bottom:6px solid #f8ef21; padding:5px 0px; }
div#menu div#menu_level_2_drawer div#menu_level_2 table { width:100%; float:left; position:absolute; top:5px; left:0; }
div#menu div#menu_level_2_drawer div#menu_level_2 table tbody tr td { padding:5px 0px 5px 28px; }
div#menu div#menu_level_2_drawer div#menu_level_2 table tbody tr td a { color:#f1f1f2; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:11pt; border:0px; }
div#menu div#menu_level_2_drawer div#menu_level_2 table tbody tr td a:hover { border-bottom:1px solid #f8ef21; }

/* Home Page Content */
div#homepage div#content { border:6px solid #221e1f; margin:15px 0px 0px 0px; background-color:#272827; overflow:hidden; position:relative; width:918px; visibility:hidden; }
div#homepage div#content div.primary_column { width:524px; float:left; border-right:6px solid #221e1f; }
div#homepage div#content div.secondary_column { width:388px; float:left; margin:0px; padding:0px; }

/* Home Page Older News Content */
div#homepage div.older_news { border-bottom:6px solid #221e1f; overflow:hidden; }
div#homepage div.older_news h2 a { display:block; float:left; }
div#homepage div.older_news h2 span { text-align:left; width:110px; float:left; display:block;}
div#homepage div.older_news div.article { margin:9px 0px 9px 0px; clear:left; }
div#homepage div.older_news div.article div.thumbnail { width:64px; text-align:center; float:left; padding:2px 9px;}
div#homepage div.older_news div.article div.thumbnail a { border:0px; }
div#homepage div.older_news div.article div.thumbnail div.img_box { width:64px; height:64px; }
div#homepage div.older_news div.article div.thumbnail div.img_box img { width:64px; height:64px; }
div#homepage div.older_news div.article div.detail { float:left; width:432px; padding:0px; }
div#homepage div.older_news div.article div.detail h3 { color:#f1f1f2; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:12pt; margin:0px; padding:4px 0px 2px 0px; }
div#homepage div.older_news div.article div.detail h3 a { color:#f1f1f2; text-decoration:none; border:0px; }
div#homepage div.older_news div.article div.detail h3 a:hover { color:#fff100; text-decoration:none; border-bottom:1px dotted #fff100; }
div#homepage div.older_news div.article div.detail p { margin:0px; color:#f1f1f2; line-height:17px; font-size:9pt; }

/* Image Ticker */
div#homepage div.ticker { border-bottom:6px solid #221e1f; overflow:hidden; position:relative; }
div#homepage div.ticker ul.ticker_window { height:235px; width:524px; margin:0px; padding:0px;}
div#homepage div.ticker ul.ticker_window li { float:left; position:absolute; top:40px; left:0; list-style: none; }
div#homepage div.ticker ul.ticker_window li span { display:none; }
div#homepage div.ticker ul.ticker_window a { border:0px; }
div#homepage div.ticker ul.ticker_window a img { height:235px; width:524px; }
div#homepage div.ticker div.ticker_subtitle { background-color:#040707; height:40px; }
div#homepage div.ticker div.ticker_subtitle div.text { font-family:Tahoma, Geneva, sans-serif; font-size:12pt; line-height:40px; padding:0px 0px 0px 10px; color:#a6a8ab; width:420px; float:left; overflow:hidden; display:block; height:40px; }
div#homepage div.ticker div.ticker_subtitle div.text a { text-decoration:none; color:#a6a8ab; }
div#homepage div.ticker div.ticker_subtitle div.controls { float:left; width:90px; margin-top:9px; } 
div#homepage div.ticker div.ticker_subtitle div.controls a { border:0px; }
div#homepage div.ticker div.ticker_subtitle div.controls div.left { float:left; }
div#homepage div.ticker div.ticker_subtitle div.controls div.state { float:left; font-size:8pt; width:45px; margin:0px 4px; text-align:center; color:#a6a8ab; }
div#homepage div.ticker div.ticker_subtitle div.controls div.right { float:left; }

/* Bookshop Latest */
div#homepage div.bookstore_twitter div.bookstore { width:259px; float:left; border-right:6px solid #221e1f; clear:left; }
div#homepage div.bookstore_twitter div.bookstore h2 { text-align:center; }
div#homepage div.bookstore_twitter div.bookstore div.book { margin:10px 0px; clear:left; }
div#homepage div.bookstore_twitter div.bookstore div.book div.thumbnail { width:95px; text-align:center; float:left; padding:3px 10px;  }
div#homepage div.bookstore_twitter div.bookstore div.book div.thumbnail a { border:0px; }
div#homepage div.bookstore_twitter div.bookstore div.book div.thumbnail div.img_box { width:95px; height:95px; float:left; }
div#homepage div.bookstore_twitter div.bookstore div.book div.thumbnail div.img_box img { width:95px; height:95px; }
div#homepage div.bookstore_twitter div.bookstore div.book div.detail { float:left; width:132px; padding:0px; }
div#homepage div.bookstore_twitter div.bookstore div.book div.detail h3 { color:#f1f1f2; font-family:Verdana, Geneva, sans-serif; font-size:9pt; line-height:18px; margin:0px; padding:4px 0px 2px 0px; }
div#homepage div.bookstore_twitter div.bookstore div.book div.detail h3 a { color:#f1f1f2; text-decoration:none; border:0px; }
div#homepage div.bookstore_twitter div.bookstore div.book div.detail p { margin:0px; color:#f1f1f2; line-height:17px; font-size:9pt; }

/* Twitter Feed */
div#homepage div.bookstore_twitter div.twitter { width:259px; float:left;  }
div#homepage div.bookstore_twitter div.twitter h2 { text-align:center; }
div#homepage div.bookstore_twitter div.twitter div.tweet { margin:10px 5px 10px 5px; }
div#homepage div.bookstore_twitter div.twitter div.tweet div.content { color:#f1f1f2; line-height:18px; font-size:9pt; }
div#homepage div.bookstore_twitter div.twitter div.tweet div.when { text-align:right; color:#a6a8ab; font-size:8pt;  }

/* Calendar Events */
div#homepage div.calendar { background-color:#414142; border-bottom:6px solid #221e1f; }
div#homepage div.calendar div.day h2 { text-align:center; border-bottom:2px solid #414142; cursor:pointer; }
div#homepage div.calendar div.day div.events { height:370px; }
div#homepage div.calendar div.day div.events ul { list-style:none; margin:10px 12px 12px 20px; padding:0px; }
div#homepage div.calendar div.day div.events ul li { line-height:22px; background-image:url('img/calendar_list_icon.png'); background-repeat:no-repeat; background-position:0px 1px; padding:0px 0px 0px 28px; margin:13px 0px; color:#f1f2fa; }
div#homepage div.calendar div.day div.events ul li a { color:#f1f2fa; text-decoration:none; border-bottom:1px dotted #a6a8ab; }
div#homepage div.calendar div.day div.events ul li a:hover { color:#f8ef21; border-bottom:1px solid #f8ef21; }

/* Photo Wall */
div#homepage div.posters div.scroller { height:216px; width:388px; }
div#homepage div.posters div.scroller a { border:0px; }
div#homepage div.posters h2 { text-align:center; }
div#homepage div.posters h2 a { color:#FFFFFF; font-size:14px; }

/* Expanding Containers */
/* Dashboard */
div#dashboard_container { width:100%; z-index:1; color:#FFF; background-color:#000000; overflow:hidden; display:none; }
div#dashboard_container h2 { color:#a6a8ab; font-size:12pt; font-weight:normal; height:30px; line-height:30px; margin:0px; padding:0px 5px 10px; }
div#dashboard_container div#mysu { background-image:url('img/expander_container_mysu_border.png'); background-repeat:no-repeat; }
div#dashboard_container div#contact { background-image:url('img/expander_container_contact_border.png'); background-repeat:no-repeat; }
div#dashboard_container div#search { background-image:url('img/expander_container_search_border.png'); background-repeat:no-repeat; }
div#dashboard_container div.toggle { margin:0px 0px 0px 900px;   }
div#dashboard_container div.toggle a { color:#ea068c; font-size:8pt; background-image:url('img/expander_container_close_icon.png'); background-repeat:no-repeat; background-position:0px 3px; line-height:25px; padding-left:25px; border:0px; display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; width:100px; }
div#dashboard_container div#mysu div.icons { margin:5px 0px 5px 70px; width:910px; overflow:hidden; }
div#dashboard_container div#mysu div.icons div.icon { float:left; width:290px; height:50px; overflow:hidden; margin-left:10px; margin-top:10px; }
div#dashboard_container div#mysu div.icons div.icon div.heading a { background-image:url('img/expander_container_dashboard_icon.png'); background-repeat:no-repeat; padding:5px 0px 0px 30px; border:0px; display:block; height:20px; color:#F1F2FA; font-size:11pt; line-height:14px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
div#dashboard_container div#mysu div.icons div.icon div.heading a:hover { color:#f8ef21; border:0px; }
div#dashboard_container div#mysu div.icons div.icon p.description { margin:0px; padding:0px; color:#818385; font-size:7pt; }
div#dashboard_container div#contact div#su_officers { width:660px; padding-top:8px; float:left; }
div#dashboard_container div#contact div#su_officers div.su_officers_container { margin-left:60px; }
div#dashboard_container div#contact div#su_officers div.su_officer { float:left; width:300px; height:150px; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_image{ float:left; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_image img { margin-top:5px; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_contact{ float:left; margin-left:15px; line-height:20px; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_contact div.su_officer_name{ font-weight:bold; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_contact div.su_officer_icons{ padding-top:3px; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_contact div.su_officer_icons a { text-decoration:none; }
div#dashboard_container div#contact div#su_officers div.su_officer div.su_officer_contact div.su_officer_icons a img { border:0px; text-decoration:none; }
div#dashboard_container div#contact div#information { width:300px; float:left; padding-top:8px;  }
div#dashboard_container div#contact div#information div.information_container { margin-bottom:20px; }
div#dashboard_container div#contact div#information div.information_container div.information_header { font-weight:bold; }
div#dashboard_container div#contact div#information div.information_container div.general_info span.contact_type { color:#999999; }
div#dashboard_container div#contact div#information div.information_container div.general_info a { color:#FFFFFF; text-decoration:none; border:0px none; }
div#dashboard_container div#contact div#information div.information_container div.google_maps a { border:0px none; text-decoration:none; } 
div#dashboard_container div#contact div#information div.information_container div.google_maps a:hover { border:0px none; text-decoration:none; } 
div#dashboard_container div#contact div#information div.information_container div.google_maps a:visited { border:0px none; text-decoration:none; } 
div#dashboard_container div#contact div#information div.information_container div.google_maps img { border:0px none; } 
div#dashboard_container div#search div.results { padding-top:25px; margin-left:50px }
div#dashboard_container div#search div.results a { color:#F1F2FA; border-bottom:1px dotted #F1F2FA; }
div#dashboard_container div#search div.results a:hover { color:#F8EF21; border-bottom:1px dotted #F8EF21; }
div#dashboard_container div#search div.results div#searchresults { height:340px; width:930px; }
div#dashboard_container div#search div.results div#pageresults div.nav { float:left; height:25px; line-height:25px; margin:13px; color:#bbbdbf; }
div#dashboard_container div#search div.results div#pageresults div#close { margin-left:30px }
div#dashboard_container div#search div.results div#pageresults ul { list-style:none; float:left; padding-left:0px; }
div#dashboard_container div#search div.results div#pageresults ul li { float:left; padding:2px 7px 3px; }
div#dashboard_container div#search div.results div#pageresults ul li:hover { background-color:#666666; }
div#dashboard_container div#search div.results div#pageresults ul li.active a { color:#F8EF21; border-bottom:1px dotted #F8EF21; outline: none; }


/* SubPage Content */
div#page div#content { border:6px solid #221e1f; margin:15px 0px 0px 0px; background-color:#221e1f; overflow:hidden; position:relative; width:918px; visibility:hidden; }
div#page div.page_content { overflow:hidden; padding:8px; background-color:#bbbdbf; color:#221f1f; }

div#page div#menu { overflow:hidden; padding:15px 0 0; }


/* SubPage CMS Content  */
div#page div#content div.primary_column { width:623px; float:left; border-right:6px solid #221e1f; }
div#page div#content div.secondary_column { width:288px; float:left; margin:0px; padding:0px; }
div#page div#content div.primary_column div.header h2 { color:#a6a8ab; font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-weight:normal; height:30px; line-height:30px; vertical-align:middle; background-color:#040707; margin:0px; padding:0px 5px 10px; text-align:center; } 
div#page div#content div.primary_column div.body { background-color:#BBBDBF; float:left; border-bottom:6px solid #040707; color:#221F1F; }

div#page div.primary_column div.page { background-color:#272827; border-bottom:6px solid #040707;  }
div#page div.primary_column div.page div.page_content { padding:8px; background-color:#bbbdbf; color:#221f1f; }
div#page div.primary_column div.page div.page_content img { border:0px none; }
div#page div.primary_column div.news div.body { padding:0px 10px; }
div#page div.primary_column div.news_section div.body div.article { margin:10px; float:left; }
div#page div.primary_column div.news_section div.body div.article div.article_image { float:left; }
div#page div.primary_column div.news_section div.body div.article div.article_image a { border:0px none; }
div#page div.primary_column div.news_section div.body div.article div.article_image a div.img_box { height:100px; }
div#page div.primary_column div.news_section div.body div.article div.article_image a img { border:0px none; }
div#page div.primary_column div.news_section div.body div.article div.article_content { float:left; margin-left:10px; width:492px; }
div#page div.primary_column div.news_section div.body div.article div.article_content div.article_title a { color:#221F1F; font-weight:bold; font-size:11pt; border-bottom:1px dotted #221F1F; }
div#page div.primary_column div.news_section div.body div.article div.article_content div.article_description { margin-top:10px; }

div#page div.secondary_column div.content { background-color:#414142; border-bottom:6px solid #040707; }
div#page div.secondary_column div.content div.header h2 { color:#a6a8ab; font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-weight:normal; height:30px; line-height:30px; vertical-align:middle; background-color:#040707; margin:0px; padding:0px 5px 10px; text-align:center; } 
div#page div.secondary_column div.content ul { list-style:none; margin:10px 12px 12px 20px; padding:0px; }
div#page div.secondary_column div.content ul li { line-height:22px; background-image:url('img/calendar_list_icon.png'); background-repeat:no-repeat; background-position:0px 1px; padding:0px 0px 0px 28px; margin:13px 0px; color:#f1f2fa; }
div#page div.secondary_column div.content ul li a { color:#f1f2fa; text-decoration:none; border-bottom:1px dotted #a6a8ab; }
div#page div.secondary_column div.content ul li a:hover { color:#f8ef21; border-bottom:1px solid #f8ef21; }

/* Blog */
div#page div#blog { background-color:#414142; border-bottom:6px solid #221e1f; width:600px; margin: 0 auto;}
div#page div#blog div#blog_header { height:100px; width:100%; background-color:#73A0C5; display: table; }
div#page div#blog div#blog_header h1 { text-align:center; text-decoration:none; margin:0; vertical-align:middle; display: table-cell; }
div#page div#blog div#blog_content { float:left; width:440px; padding:0 10px; }
div#page div#blog div#blog_content h2 { margin:30px 0 0; }
div#page div#blog div#blog_sidebar	{ float:right; width:140px; padding:10px 0 10px; }
div#page div#blog div#blog_sidebar * { padding-left: 5px; padding-right: 5px; }
div#page div#blog div#blog_sidebar * * { padding-left: 0; padding-right: 0; }
div#page div#blog div#blog_footer { clear:both; }

div#page div.primary_column div.archives { }
div#page div.primary_column div.archives div.archive_item { float:left; margin:10px 0 0 20px; }
div#page div.primary_column div.archives div.archive_item div.archive_image { border:1px solid #666666; height:230px; width:180px; }
div#page div.primary_column div.archives div.archive_item div.archive_text { background-image:url(img/transparent_ffffff_80.png); border:1px solid #666666; display:block; height:30px; margin:0 0px -20px; position:relative; text-align:center; top:-32px; width:180px; }
div#page div.primary_column div.archives div.archive_item div.archive_text h2 { margin:4px 0 0; line-height:15px; }
div#page div.primary_column div.archives div.archive_item div.archive_text h2 a { color:#666666; font-size:15px; font-weight:bold; margin:4px 0 0; border:0px none; }
div#page div.primary_column div.archives div.archive_item div.archive_text h2 a:hover { color:#666666; border:0px none; }

/* UCDSU Site specific layout styling for calendar */
div#event_details { float: left; width: 460px; }
div#event_calendar { float:right; width:400px; margin-bottom:10px; }

div#content div.icon_and_text_two_col { padding:0px; margin-top:10px; float:left; width: 430px;  }
div#content div.text_container div.heading a { background-image:url('img/dashboard_icon32x32.png'); background-repeat:no-repeat; padding:7px 0px 0px 40px; border:0px; display:block; height:26px; color:#221e1f; font-size:13pt; line-height:18px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
div#content div.text_container div.heading a:hover { color:#f8ef21; border:0px; }
div#content div.text_container p { margin-top:0px; }

div.dashboard { padding:0px 15px; }