/* ************************************* */
/* Basic styles				             */
/* ************************************* */

/* Main elements  */

html, body {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 0.9em;
	color: #555555;
	
 	/*background-image: url("http://data.expromptus.com/fireworks/background.jpg");
	background-repeat: repeat-x;
	background-color: #999999;*/
	/*background: #d3e8f4; */
	background: #b8cfdc;
	
	margin: 0px;
	padding: 0px;
	
	height:100%;
}

a:link, a:visited  {
	color: #62b90e;
	text-decoration: none;
}
 
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, h7
{
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #3e6682;
}

h1 {
	color: #3e6682;
	font-size: 2.15em;
	border-bottom: 1px dashed #f1f1f1;
	padding-bottom: 5px;
}

h2 {
	color: #3e6682;
	font-size: 1.75em;
}

h3 {
	color: #3e6682;
	font-size: 1.5em;
}

h4 {
	color: #3e6682;
	font-size: 1.4em;
	margin-bottom: 0.25em;
}

p {
	text-align:justify;
	line-height: 1.5em;
}

img {
	border: 0;
}

hr {
	height: 1px;
	border: 0;
	color: #dbdbdb;
	background-color: #dbdbdb;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

form {
	padding: 0px;
	margin: 0px;
}

input.check {
	border: none;
}

input, textarea, select {
	border: 1px solid #c7c7c7;
}


ul, ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.normallist {
	padding-left: 2em;
}

ul.normallist li {
	list-style: disc;
}

/* ************************************* */
/* Some common styles		             */
/* ************************************* */

/* Font styles */
.bold { font-weight: bold; }
.bold a:link, .bold a:visited, .bold a:hover { font-weight: bold; }
.italic { font-style:italic; }
.underlined a { text-decoration: underline; }
.nobold b { font-weight: normal; }

/* Font colors */
.blacktext { color: black; }
.whitetext { color: white; }
.whitetext a { color: white; }
.greytext { color: #7a7a7a; }
.greytext a { color: #7a7a7a; }
.bluetext { color: #4b6081; }
.bluetext a { color: #4b6081; }
.redtext { color: red; }
.greentext { color: green; }
.greentextstyle { color: #62b90e; }

/* Font sizes */
.xxx-smalltext { font-size: 0.5em; }
.xx-smalltext { font-size: 0.7em; }
.x-smalltext { font-size: 0.80em; }
.smalltext { font-size: 0.85em; }
.normaltext { font-size: 0.9em; }
.largetext { font-size: 1.1em; }
.x-largetext { font-size: 1.2em; }
.xx-largetext { font-size: 1.5em; }
.xxh-largetext { font-size: 1.75em; }
.xxx-largetext { font-size: 2em; }

/* Background */
.lightgrey { background: #e7e7e7; }
.grey { background: #c2c2c2; }
.lightblue { background: #d7dce2; }
.white { background: #ffffff; }

/* Float */
.floatright { float: right; }
.floatleft { float: left; }

/* Padding */
.xxx-smallpadding { padding: 0.2em; }
.xx-smallpadding { padding: 0.4em; }
.x-smallpadding { padding: 0.6em; }
.smallpadding { padding: 0.8em; }
.normalpadding { padding: 1em; }
.largepadding { padding: 1.2em; }
.x-largepadding { padding: 1.4em; }
.xx-largepadding { padding: 1.6em; }
.xxx-largepadding { padding: 1.7em; }

.smallbottompadding {padding-bottom: 1em; }
.bottompadding {padding-bottom: 2em; }

/* Margin */
.smallmarginbottom { margin-bottom: 0.5em; }
.marginbottom { margin-bottom: 1em; }

.x-smallmargintop { margin-top: 0.2em; }
.smallmargintop { margin-top: 0.5em; }
.margintop { margin-top: 1em; }

.smallmargin { margin: 0.8em; }
.normalmargin { margin: 1em; }
.largemargin { margin: 1.2em; }

/* Align */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.middle { vertical-align: middle; }

/* Line height */
.smalline { line-height: 0.5em; }
.normalline { line-height: 1em; }
.largeline { line-height: 1.5em; }

/* Icons */
.smallicon { width: 150px; height: 15px; }


/* ************************************* */
/* Main design classes	                 */
/* ************************************* */

/* Let's ban the stupid IE6... */
.ban_ie6 {
	position: relative;
	margin: 0 auto;
  	width: 80%; /* 980px */
	background: #FFFFFF;
	margin-top: 10px;
	min-width: 980px;
}

* html .ban_ie6 {
width: expression(document.body.clientWidth <1032 ? "975px" : "80%" );
}

.ban_ie6 a, .ban_ie6 a:visited { color: #4b6081; font-weight: bold;}

#Topad {
	margin-top: 0.5em;
	text-align: center;
	min-width: 980px;
}

* html #Topad {
width: expression(document.body.clientWidth <1032 ? "960px" : "80%" );
}

/* Main div */
#Main {
	position: relative;
	margin: 0 auto;
  	width: 80%; /* 980px */
	background: #FFFFFF;
	margin-top: 0.5em;
	min-width: 980px;
	max-width: 1100px;
}

* html #Main {
width: expression(document.body.clientWidth <1032 ? "960px" : "80%" );
}

/* Some padding for the content */
#Inner {
	padding: 10px;
	background: #f3f5f6 url("http://data.expromptus.com/fireworks/design_bottom.jpg") bottom repeat-x;
}

/* Now to the header styles */
#Header {
	padding-top: 15px;
	padding-bottom: 15px;
	height: 100px;
}

/* Now to the header styles */
#Header_theme {
	background: url("http://www.ilotulite.net/theme/images/vi_logo_christmas.jpg") #70b4db no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 90px;
}

/* The logo etc */
#Headerlogo {
	margin-top: -15px;
	float: left;
}

/* Some user info and login */
#Headerinfo {
	float: right;
	margin-right: 15px;
}

#Headerinfo_menu {
	height: 20px;
	text-align: right;
}

#Headerinfo_user {
	margin-top: 10px;
	height: 65px;
	text-align: right;
}

#Headerinfo_user_theme {
	color: #f1f1f1;
	margin-top: 0px;
	height: 65px;
	text-align: right;
}

/* Navigation... */
#Navi {
	clear: both;
	background: #e9ebec;
	margin-bottom: 0px;
}

#Navsmenu ul, #Navsmenu_theme ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 15px;
	font-size: 0.85em;
	font-weight: bold;
} 

#Navsmenu li, #Navsmenu_theme li {
	float: left;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

#Navsmenu li a {
	color: #70ade8;
}

#Navsmenu_theme li a {
	color: #ffffff;
}

#Navsmenu li a:hover {
	text-decoration: none;
	color: #555555;
}

#Navmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 15px;
} 

#Navmenu li {
	float: left;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Navmenu li a {
	color: #70ade8;
}

#Navmenu li:hover {
	background: #e8edef;
}

#Navmenu li a:hover {
	text-decoration: none;
	color: #686868;
}

#Navfoot {
	clear: both;
}

#Navfoot2 {
	clear: both;
}

#Navsubmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

#Navsubmenu h1 {
	font-size: 100%;
	font-weight: bold;
	display: block;
	padding: 5px;
	color: #FFFFFF;
	border: 0;
	margin: 1px;
	background: url("http://dev.ilotulite.net/Themes/default/images/vi_catbg.jpg");
}

#Navsubmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#Navsubmenu ul li {
	margin: 1px;
	padding: 0px;
}

#Navsubmenu ul li a {
	font-size: 100%;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #466a8d;
	border: 0;
	margin: 1px;
	background: #e5e9eb;
}

#Navsubmenu ul li a:hover, #Navsubmenu ul li a:focus {
	text-decoration: none;
	color: #5a5a5a;
	background: #eef1f3;
}

















/* Content and blocks.. */
#Content {
	margin-bottom: 25px;
}

#Cont {
	margin: 0
	padding: 0;
}

#Cont_in {
	margin: 0;
	padding: 0;
}

#Cont_right {
	float:right;
	width: 170px;
}

#Cont_center {
	width: 100%;
}

/* Footer */
#Footer {
	position: relative;
	margin: 0 auto;
  	width: 80%; /* 980px */
	/*  background: #FFFFFF; /* 980px */
	margin-top: 10px;
	min-width: 980px;
	max-width: 1100px;
}

* html #Footer {
width: expression(document.body.clientWidth <1032 ? "960px" : "80%" );
}

.footercopy { color: #555555; }
.footercopy a { color: #555555; }

.footercopy2 { color: #555555; }
.footercopy2 a { color: #555555; }

.footercopy3 { color: #555555; }

/* ************************************* */
/* Common styles		                 */
/* ************************************* */

/* Heading styles */
.heading, #forumposts h1 {
	background: url(images/vi_catbg.jpg) #a8bacf repeat-x;
	color: #ffffff;
	padding: 10px;
	font-size: 1.5em;
	margin: 0;
	border: 0;
}

.heading2 {
	background: url(images/vi_catbg2.jpg) #e3e9ef repeat-x;
	color: #4b6081;
	padding: 5px;
	font-size: 1.1em;
}

/* Category title background */
.catbg, .titlebg {
	background: url(images/vi_catbg.jpg) #a8bacf repeat-x;
	color: #ffffff;
}

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

.catbg2 {
	background: url(images/vi_catbg2.jpg) #e3e9ef repeat-x;
	color: #4b6081;
}

.catbg3 {
	background: url(images/vi_catbg3.jpg) #e6e8e8 repeat-x;
	color: #466193;
}

.catbg3 a {
	color: #466193;
	text-decoration: none;
}

/* Alternating backgrounds for posts and other functions */
.windowbg, #preview_body {
	background-color: #ECEDF3;
}
.windowbg2 {
	background-color: #F6F6F6;
}

.windowbg3 {
	background-color: #dae3f1;
}

.approvebg {
	color: #000000;
	background-color: #F6E0D4;
}

/* Color for background of *topics* requiring approval */
.approvetbg {
	color: #000000;
	background-color: #f7cab1;
}

.approvetobe {
	border: 2px dashed red;
}

.infobar {
	background: #fcffdc;
}

.infobar_red {
	background: #F6E0D4;
}

.infobarborder {
	border: 3px dashed #891e05;
}

/* Blocks */

.box1 {

	padding: 0px;
	margin: 0;
}

.box2 {

	margin: 0px;
	width: 100%;
	padding:0px;
	height: 30px;
}

/* Block head templates */
.box_item_normal {
	float:left;
	background: #eeeeee;
	height: 30px;
	padding-left: 5px;
	padding-right: 10px;
	margin-left: 10px;
}

/* Block templates */
.box_cont_header {
	background: url(images/vi_head.jpg) repeat-x;
	height: 50px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 1.5em;
}

.box_cont_border {
	background: #FFFFFF;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 4px;
	padding: 15px;
}

.box_cont_nopadding {
	background: #FFFFFF;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 4px;
	padding: 0px;
}

.box_cont_noborder {
	background: #FFFFFF;
	padding: 15px;
}

.box_cont_transparent {
	padding: 15px;
}

.box_cont_info {
	border-width:3px;
	border-color:#f1f1f1;
	border-style:dashed;
	color:#255795;
	background: #c5dfff;
	padding: 15px;
}

.box_cont_note {
	border-width:3px;
	border-color:#f1f1f1;
	border-style:dashed;
	color:#555555;
	background: #fcffdc;
	padding: 15px;
}

.box_cont_alert {
	border-width:3px;
	border-color:#f1f1f1;
	border-style:dashed;
	color:#B10000;
	background: #f7cab1;
	padding: 15px;
}

.box_cont_green {
	border-width:3px;
	border-color:#f1f1f1;
	border-style:dashed;
	color:#25562b;
	background: #d5f2d8;
	padding: 15px;
}

/* ************************************* */
/* Custom styles			              */
/* ************************************* */

/* Main message display styles */
.posterinfo {
	background: url(images/vi_catbg2.jpg) #e3e9ef repeat-x;
}

.posterinfo_content {
	width: 100%;
}

.posterinfo_avatar {
	padding: 10px;
	height: 65px;
	width: 65px;
}

.posterinfo_poster {
	width: 300px;
	height: 20px;
	padding-left: 10px;
	padding-top: 10px;
}

.posterinfo_buttons {
	padding-right: 10px;
	padding-top: 10px;
	text-align: right;
}

.posterinfo_path {
	height: 25px;
	width: 100%;
	padding-left: 10px;
	overflow: visible;
}

.posterinfo_path_top {
	margin-top: 0px;
}

.postmodbuttons {
	margin-top: 0.7em;
}

.postsubject a, .postmodbuttons a {
	color: #457dc1;
}

.postermore {
	background: #e3e9ef;
	display: none;
}

.postermore2 {
	display: none;
	background: #efefef;
}

.postmsg_left {
	float: left;
	width: 0px;
	margin-left: -100%;
	overflow: hidden;
}

.postmsg_right {
	float: left;
	width: 100%;
}

.postmsg_right_cont {
	margin-left: 0px;
}

.postmsg_foot {
	clear: left;
	width: 100%;
}

.postmoderation {
	background: #f9fcac;
	display: none;
}

.postmoderation img, .postmoderation2 img {
	vertical-align: middle;
	margin-right: 3px;
}

.postmoderation ul li, .postmoderation2 ul li {
	margin-left: 10px;
}

.postmoderation a, .postmoderation2 a {
	text-decoration: none;
	font-weight: bold;
	color: grey;
}

.postattach {
	display: none;
	background: #f1f1f1;
	border: 1px solid #cdcdcd;
}

.board_rules { 
	background-color: #ECEDF3; 
} 

.postnewbox textarea {
	width: 50%;
}

.article {
	text-align: justify;
	padding-left: 20px;
	padding-right: 40px;
}

/* Profile styles */
.summaryhead {
	background: url(images/vi_catbg2.jpg) #e3e9ef repeat-x;
}

/* ************************************* */
/* Navigation and menus	                 */
/* ************************************* */

/* Topic buttons */
.buttonlist ul {
	font-size: 80%;
}

.buttonlist ul a {
	color: black;
	text-decoration: none;
}

.buttonlist ul li {
	border: 1px solid #d1d7de;
	background: #f0f4f7;
	padding: 5px;
	margin: 5px;
	float: left;
}

.buttonlist ul li:hover {
	background: #f7f7ce;
}

/* The linktree */
ul#linktree, ul#linktree2
{
	clear: both;
	list-style: none;
	font-size: 0.8em;
	margin-bottom: 10px;
}
ul#linktree li, ul#linktree2 li
{
	display: inline;
}

/* Tabs */
.maintab_back, .maintab_active_back
{
	background: #dcdfe5;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.maintab_back a, .maintab_active_back a {
	color: #41475d;
	text-transform: uppercase;
	font-size: x-small;
}

.maintab_active_back
{
	background: #f7f7ce;
}



























.rules { color: #a41409; }
.rules a { color: #c55047; text-decoration: underline; }


.facebook {
	background: #FFFFFF;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 4px;
	padding: 0px;
	padding-top: 10px;
}

.facebook_in {
	color: #4165bb;
	font-size: 80%;
	padding: 15px;
	padding-top: 10px;
}


.facebook_front {
	color: #4165bb;
	font-size: 80%;
}

.facebook a, .facebook_front a {
	color: #4165bb;
	text-decoration: none;
}


.irc {
	background: url(images/vi_irc.jpg) #101010 no-repeat;
	background-position: bottom;
	padding: 15px;
	padding-bottom: 50px;
	font-size: 90%;
	color: #888888;
	border: 4px solid #eeeeee;
}


.photo {
	background: url(images/vi_photo.jpg) #ffffff no-repeat;
	padding: 15px;
	font-size: 90%;
	color: #cdcdcd;
	border: 4px solid #eeeeee;
}

.photo a, .photo a:hover {
	color: #ffffff;
	font-weight: bold;
}

.photo2 {
	background: url(images/vi_photo2.jpg) #ffffff no-repeat;
	padding: 15px;
	font-size: 90%;
	color: #555555;
	border: 4px solid #eeeeee;
	padding-top: 20px;
	padding-bottom: 0;
}

.photo2 a, .photo2 a:hover {
	font-weight: bold;
}





























































































































/* remove bold/italic styles */
span.plainstyle
{
	font-weight: normal;
	font-style: normal;
}
/* float a list horizontally */
ul.horizlist
{
	width: 100%;
}
ul.horizlist li
{
	float: left;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
}
/* make a inline-list */
ul.nolist li
{
	display: inline;
}
/* Helping style to clear floated items. */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Helping style to clear floated items. */
.clearfix2:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

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

/* ************************************* */
/* Some specific SMF elements            */
/* ************************************* */

/* A quote, perhaps from another post. */
blockquote
{
	color: #555555;
	background-color: #dbdee0;
	border: 1px solid #cfd1d2;
	margin: 1px;
	padding: 10px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
code
{
	color: #555555;
	background-color: #dbdee0;
	display: block;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #cfd1d2;
	margin: 1px auto 1px auto;
	padding: 10px;
	overflow: auto;
	white-space: nowrap;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
	width: 100%;
}

/* For links to change the code stuff... */
.codeoperation
{
	font-weight: normal;
}

/* Styling for BBC tags */
.bbc_color a
{
	color: inherit;
}

.bbc_img
{
	border: 0;
}

.bbc_list
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em;
}

.bbc_list li
{
	list-style: disc;
}

.bbc_list li li
{
	list-style: circle;
}

.bbc_size
{
	line-height: 1.3em;
}

.bbc_table
{
	font: inherit;
	color: inherit;
}

.bbc_table td
{
	font: inherit;
	color: inherit;
	vertical-align: top;
}

.bbc_u
{
	text-decoration: underline;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2
{
	background-color: #B3F4B0;
	color: black;
}

/* ************************************* */
/* Real common classes                   */
/* ************************************* */

/* the today container in calendar */
.calendar_today
{
	background-color: #FFFFFF;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	overflow: auto;
	line-height: 1.3em;
	width: 100%;
}
.postarea .post
{
	clear: right;
	float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
	padding-top: 0.7em;
	border-top: solid 1px #888;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	clear: right;
	padding: 1em 0 3px 0;
	border-top: solid 1px #888;
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
	color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
	color: red;
}

/* Calendar colours for birthdays, events and holidays */
.birthday
{
	color: #920AC4;
}

.event
{
	color: #078907;
}

.holiday
{
	color: #000080;
}

/* Colours for warnings */
.warn_mute
{
	color: red;
}

.warn_moderate
{
	color: orange;
}

.warn_watch
{
	color: green;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

.openid_login
{
	background: white url(images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 0.4em;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#ajax_in_progress a
{
	color: white;
	text-decoration: underline;
	font-size: smaller;
	float: right;
}

/* For links that are basically submit buttons. */
.buttonlist_submit
{
	background: transparent;
	color: white;
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	border: 0;
}

.buttonlist_submit:hover
{
	color: #e0e0ff;
}

/* the old type of menu, with images */
.oldbuttonlist
{
	text-align: right;
	padding: 0.5em;
}

/* ************************************* */
/* The below is deprecated.              */
/* ************************************* */

/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: white;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
	color: white;
	text-decoration: none;
	font-size: 9px;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}



/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
	color: white;
	text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #e0e0ff;
	text-decoration: none;
}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div
{
	border: 1px solid #505050;
	position: absolute;
	font-size: .7em;
}

/* An auto suggest item */
.auto_suggest_item
{
	background-color: #FAFAFA;
	padding: 2px;
}
 
/* hovered auto suggest item */
.auto_suggest_item_hover
{
	background: url(images/autosuggest_back.gif) repeat-x;
	background-color: #7897B4;
	padding: 2px;
	cursor: pointer;
	color: white;
}
























.cal_item a {
	position: relative; /* make this the co-ordinate root for the span */
}

.cal_item span {
	display: none;
}

.cal_item a:hover span {
	display: block;
	position: absolute;
	top: -30px; /* change this to 0 to keep inline with the <a> */
	left: -200px; /* pull the box left by its width */
	width: 250px;
	padding: 15px;
	color: black;
	background: #f1f1f1;
	z-index: 2;
	border: 3px dashed #d0e1ec;
}

.cal_item_url a {
	display: inline;
}