@charset "UTF-8";

/*  Core Styles for Message III
    Yale University Office of Public Affairs and Communications
    CSS by Victor Velt <victor.velt@yale.edu>
    5-6-10, version 1 (VV), version 2 (VV), 6-2-10 (VV),
    6-10-10 (vv)
=============================================================== */

/*  QuickFind:

    =Reset Styles
    =Body
    =Layout & Core
    =Header Tabs
    =Tabs Sub-Menu
	=Buttons
	=Messages & Text
	=Content
	=Form Elements
	=Tables
	=Tables, Additional Styles
	=Misc Fixes
	=Datepicker Colors
	=Overrides for legacy styles
	=Overlay boxes
	=jQuery Tabs

    --------------------------------------
*/

/* =Reset Styles, avoids form elements
-------------------------------------------------------------- */
html, body, div, span, object, embed, iframe,
h1, h2, h3, h4, h5, h6, /*p,*/ pre,
a, abbr, acronym, address, code, cite, 
del, dfn, img, q, dl, dt, dd, /*ol, ul, li,*/
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}

a img { border: none; }

table { border-collapse: collapse; width: 100%; }
caption, th, td { /*text-align: left;*/ vertical-align: top; }

/* selective resets */
#main p, #main ol, #main ul, #main li {
margin: 0;
padding: 0;
}

#AttachmentBody ol, #AttachmentBody ul, #AttachmentBody li {
margin: 0;
padding: 0;
}


/* =Body
=============================================================== */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #e9e9e9;
color: #333;
margin: 0;
padding: 0;
}

a { color: #248; text-decoration: none; }
a:hover { color: #000; }

.hide {
display: none;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

.topmargin {
margin-top: 15px;
margin-top: 10px;
}


/* =Layout & Core Global Styles
=============================================================== */

/* =Page container and Headers
------------------------------------------------------- */
#pagebox {
border: none;
margin: 0px auto;
width: 960px;
padding: 0 12px;
background: #fff url(../images/pagebox_shadow_bg.gif) repeat;
/* set stacking context for IE */
position: relative;
z-index: 0;
}

#pageboxBottom {
width: 984px;
height: 12px;
margin: 0px auto;
padding-bottom: 2px;
background: transparent url(../images/pagebox_shadow_bottom.gif) no-repeat;
}

#header {
position: relative;
z-index: 1;
zoom: 1;
width: 960px;
}

#umsHeader {
display: block;
width: 346px;
height: 102px;
position: absolute;
top: 0;
right: 15px;
z-index: 10;
}

#yaleHeader {
/* float: left; */
width: 100%;
background-color: #29588c;
border-bottom: 1px solid #bddfff;
height: 36px;
padding: 0px 0px 0px 0px;
}

#yaleHeader h2 { /* Phark IR */
background: transparent url(../images/yale_header_8.png) no-repeat;
font-size: 12px;
margin: 0;
text-indent: -9999px;
border: none;
/* float: left; */
}

#yaleHeader h2 a { /* makes the background a clickable link */
display: block;
width: 130px;
height: 36px;
}

#identityHeader {
background-color: #2d66a1;
height: 66px;
clear: both;
}

#identityHeader h1 { /* hides heading text for screen */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
line-height: 1.2em;
font-weight: normal;
color: #fff;
margin: 0 0 0 15px;
padding-top: 20px;
}

#main { 
clear: left;
padding: 10px 15px 30px 15px;;
min-height: 600px;
height: auto !important;
height: 600px;
}

#footer {
background: #2e65a2;
clear: both;
padding: 5px 10px 20px 10px;
}

#footer img {
display: block;
float: left;
margin: 10px 0 0 12px;
}

#footer p {
color: #fff;
font-size: 10px;
line-height: 1.5em;
margin: 15px 0px 0px 160px;
padding: 0;
}

#footer a {
color: #cce5ff;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}


/* =Header Tabs
------------------------------------------------------- */
#tabs {
width: 100%;
float: left;
background: #14487c;
background: url(../images/tabbar_bg.gif);
}

#tabs ul {
float: left;
list-style-type: none;
line-height: 1.6em;
margin: 0 0 0 15px;
display: inline;
padding: 5px 0 0 0; /* sets amount of space above the tabs */
}

#tabs ul li {
display: inline;
}

#tabs ul li a {
float: left;
display: block;
margin: 0 10px 0 0;
padding: 6px 12px; 
text-decoration: none;
background: #7aa8d3 url(../images/tabs_bg.gif) repeat-x top left;
}

	/* temporary */
	#tabs ul li a:hover {
	background: #c2dbf1;
	color: #000;
	}

#tabs ul li.tab-on a {
background: #fff;
background: #fafae2;
}

#tabs ul li a.active {
background: #fafae2;
cursor: default;
}

#tabs ul li a.active:hover {
color: #248;
}

#tabs ul.tabs-right {
float: right;
}

#tabs ul.tabs-right li a {
background: none;
color: #fff;
margin-right: 0;
}

#tabs ul.tabs-right li a:hover {
background-color: #2c66a1;
}

/* Right Tabs */
#tabs ul li.help a {
padding-left: 28px;
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: 0 2px;
}

/* helpers for IE 6 */
* html #tabs ul li.help a:hover {
background: #2c66a1 url(../images/icons_sprite_8.gif) no-repeat 0 2px;
color: #fff;
}

* html #tabs ul.tabs-right li a:hover {
background-color: #2c66a1;
color: #fff;
}

* html #tabs ul li.chg-seg a:hover {
background: #2c66a1 url(../images/down_triangle_sprite.gif) no-repeat 92% 13px;
color: #fff;
}

/* Change Segment Menu */
#tabs ul li.chg-seg {
position: relative;
z-index: 1;
zoom: 1;
}

#tabs ul li.chg-seg a {
/* padding-right: 34px; */
background: transparent url(../images/down_triangle_sprite.gif) no-repeat 92% 13px;
padding-right: 28px;
margin-right: 2px;
display: inline;
}

#tabs ul.tabs-right li.chg-seg a:hover {
border-right: 2px solid #2c66a1;
margin-right: 0;
}

#tabs ul li.chg-seg a.ui-state-active { 
background: #f1f6fc url(../images/down_triangle_sprite.gif) no-repeat 92% -12px;
color: #243375;
border-right: 2px solid #a5bace !important;
margin-right: 0;
}

#tabs ul li.chg-seg a.ui-state-active:hover {
background: #f1f6fc url(../images/down_triangle_sprite.gif) no-repeat 92% -12px;
color: #39f;
}

#tabs ul li.chg-seg a {
border: none;
border: 0; /* IE needs this */
outline: none; /* nixes blue halo in Safari */
}

#tabs ul#jump li a { 
background: none; 
border: none;
}

#tabs ul#jump {
display: block;
display: none;
position: absolute;
top: 100%;
right: 0;
margin-top: 27px;
*margin: 0;
_margin-right: -1px;
width: 855px;
float: left;
background-color: #f1f6fc;
border: solid #a5bace;
border-width: 0px 2px 2px 1px;
padding: 10px 0 15px 15px;
}

#tabs ul#jump li a {
margin: 0;
padding: 2px 0;
width: 190px;
color: #243375;
float: left;
}

#tabs ul#jump li a:hover {
color: #39f;
}

/* - - - - - - - - - - - - - - */


/* =Tabs Sub-Menu
------------------------------------------------------- */
#tabs-sub {
background-color: #fafae2;
float: left;
width: 100%;
border-bottom: 1px solid #96a9cd;
}

#tabs-sub { 
width: 100%;
float: left;
}

#tabs-sub ul {
list-style-type: none;
float: left;
line-height: 1.6em;
margin: 0 0 0 3px;
padding: 0;
}
  
#tabs-sub ul li {
display: inline;
float: left;
margin: 0;
padding: 0;
display: block;
margin: 6px 6px;
padding: 0px 6px;
}

#tabs-sub ul a {
float: left;
display: block;
margin: 6px 0;
padding: 0 12px;
text-decoration: none;

margin: 0;
padding: 0;

}
  
#tabs-sub ul a:active, 
#tabs-sub a:hover {
color: #000;
text-decoration: underline;
}

#tabs-sub ul li.on {
/* background-color: #fbf3d1; 
border-top: 1px dotted #f93; */
border-bottom: 1px solid #f93;
}

#tabs-sub ul li.on a {
border-right: 1px dotted #c60;
color: #c60;
cursor: default;
text-decoration: none;
}

#tabs-sub p {
float: right;
margin: 0;
padding: 8px 15px 8px 0;
}

#tabs-sub p.impersonation {
margin-right: 8px;
display: inline;
}


/* =Buttons
------------------------------------------------------- */
.btn {
margin: 0 15px 15px 0;
background: transparent url(../images/btn_blue_bg.gif) repeat-x 0 0;
float: left;
}

.sendtest {
background: transparent url(../images/btn_green_bg.gif) repeat-x 0 0;
}

.prevsend {
background: transparent url(../images/btn_orange_bg.gif) repeat-x 0 0;
}

/* class for newer buttons */
.btn a {
display: block;
padding: 6px 14px 6px 30px; 
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: 0 0;
border: 1px solid #96a9cd;
text-decoration: none;
}

.btn a:hover {
background-color: #e5f4ff;
}

/* negative add '32' */
.help a     { background-position: 0 0; }
.info a     { background-position: 0 -32px; }
.check a    { background-position: 0 -64px; }
.add a      { background-position: 0 -96px; }
.remove a   { background-position: 0 -128px; }
.cancel a   { background-position: 0 -160px; }
.address a  { background-position: 0 -192px; }
.date a     { background-position: 0 -224px; }
.time a     { background-position: 0 -256px; }
.sendtest a { background-position: 0 -288px; }
.prevsend a { background-position: 0 -320px; }
.help a, .help span      	{ background-position: 0 0; }
.info a, .info span      	{ background-position: 0 -32px; }
.check a, .check span     	{ background-position: 0 -64px; }
.add a, .add span       	{ background-position: 0 -96px; }
.remove a, .remove span    	{ background-position: 0 -128px; }
.cancel a, .cancel span   	{ background-position: 0 -160px; }
.address a, .address span   { background-position: 0 -192px; }
.date a, .date span      	{ background-position: 0 -224px; }
.time a, .time span      	{ background-position: 0 -256px; }
.sendtest a, .sendtest span { background-position: 0 -288px; }
.prevsend a, .prevsend span { background-position: 0 -320px; }
/* add-groups { background-position: 0 -352px; }
add-attachments { background-position: 0 -384; } */
.edit a, .edit span { background-position: 0 -416px; }
.search a, .search span { background-position: 0 -448px; }

.btn-plain,
a.btn-plain,
input.btn-plain {
margin: 0;
background: #cfe3f4 url(../images/btn_blue_bg.gif) repeat-x 0 0;
border: 1px solid #96a9cd;
text-decoration: none;
display: block;
padding: 4px 12px; 
cursor: pointer;
}

.btn-plain,
a.btn-plain {
float: left;
}

.btn-plain:hover,
a.btn-plain:hover,
input.btn-plain:hover {
background: #e5f4ff;
}

a.btn-plain.large {
padding: 6px 12px;
}

/* class for new button elements */
button.btn {
padding: 0;
cursor: pointer;
border: 1px solid #96a9cd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #248;
}

button.btn:hover {
background: #e5f4ff;
color: #000;
}

button span {
display: block;
margin: -1px;
padding: 6px 14px 6px 30px; 
_padding: 6px 5px 6px 20px; 
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: 0 0;
}

/* class for older buttons */
.cmd, a.cmd:link, a.cmd:visited, input.cmd {
font-size: 11px;
font-weight: normal;
color: #248;
background: #cfe3f4 url(../images/btn_blue_bg.gif) repeat-x 0 0;
border: 1px solid #96a9cd;
margin-top: 2px;
padding: 2px 6px 3px 6px; 
text-decoration: none;
display: inline;
overflow: visible;
cursor: pointer;
}

.cmd:hover, a.cmd:hover, input.cmd:hover {
background: #e5f4ff;
color: #000;
}

a.cmd-disabled,
a.cmd-disabled:hover {
border: 1px solid #96a9cd;
padding: 2px 6px 3px 6px; 
color: #999;
}


/* =Messages & Text
------------------------------------------------------- */
p.attention {
color: #f30;
font-style: italic;
margin: 0.5em 0;
line-height: 1.2em;
}

#main p,
#main ul,
#main ol {
margin: 1em 0;
line-height: 1.5em;
}

#main ul li {
list-style-type: square;
margin-left: 3em;
margin-bottom: 0.5em;
}

#main ol li { 
margin-left: 3em;
margin-bottom: 0.5em;
}

#preview-message {
border: dotted #c4d3e1;
border-width: 1px 0;
padding: 15px 0;
margin: 25px 0;
}

#preview-message table {
width: auto;
}

#preview-message table img {
display: block;
}

.left-heading {
display: inline-block;
width: 75px;
}

hr {			
border: 0;		
height: 1px;	
color: #c4d3e1; 	
background-color: #c4d3e1; 
display: block;
}

.faded {
opacity: 0.50; /* Firefox, Opera, Safari, Chrome */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 6, 7 */
}


/* =Content
------------------------------------------------------- */
p.add-attachments,
p.add-groups {
font-weight: bold;
line-height: 1.2em;
}

p.add-attachments a {
display: block;
float: left;
padding: 2px 10px 2px 20px;
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: -8px -389px;
margin-right: 10px;
}

p.add-groups a {
display: block;
float: left;
padding: 2px 10px 2px 22px;
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: -8px -357px;
margin-right: 10px;
}

p.add-attachments a:hover,
p.add-groups a:hover {
text-decoration: underline;
}

#main p.btn-attention {
font-style: italic;
color: #f30;
margin: 0;
margin-top: 6px;
}

#main ul.rowlist {
list-style-position: inside;
list-style-image: url(../images/menu-leaf.png);
float: left;
line-height: 1.2em;
margin: 3px 0;
padding: 0;
}
  
#main ul.rowlist li {
float: left;
margin: 0 1.5em 0 0;
padding: 0;
}

#main ul.rowplain li {
list-style-image: none;
list-style-type: none;
}


/* =Form Elements
------------------------------------------------------- */
/*
fieldset {
border: none;
background: url(../images/rule_blue.gif) repeat-x 0 1em;
padding: 10px 0 20px 0;
margin-top: 10px;
}

fieldset legend {
font-weight: bold;
line-height: 1.2em;
padding: 4px 10px;
background-color: #f0f6fc;
border: 1px solid #a5bace;
}

fieldset.no-legend {
padding-top: 30px;
}
*/

fieldset {
clear: both;
border: none;
padding: 5px 0 15px 0;
margin: 0;
}

fieldset h3 {
font-size: 12px;
font-weight: bold;
line-height: 1.2em;
margin: 0 0 1em 0;
padding: 3px 0;
border-bottom: 2px solid #e1eaf3;
}

fieldset.submit {
margin-top: 30px !important;
margin-top: 15px !important;
padding-top: 15px !important;
border-top: 2px solid #e1eaf3 !important;
}

label {
line-height: 1.2em;
margin-right: 5px;
}

label.address {
display: block;
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: 100% -198px;
}

input {
margin: 0;
}

input[type="radio"],
input[type="checkbox"] { 
vertical-align: middle;
}

input[type="text"] { 
border: 1px solid #7f9db9;
padding: 3px;
}

input[type="text"]:focus {
background-color: #ffe;
}

input.date {
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: 100% -228px;
width: 90%;
}

input.time {
background-image: url(../images/icons_sprite_24.png); 
_background-image: url(../images/icons_sprite_8.gif); 
background-repeat: no-repeat;
background-position: 100% -260px;
width: 90%;
}

input.medium {
width: 95%;
}

input.medium-1 {
width: 95%;
*width: 362px;
}

input.medium-2 {
width: 95%;
*width: 285px;
}

input.short {
width: 45%;
border: 1px solid #7f9db9;
padding: 3px;
}

input.short:focus {
background-color: #ffe;
}

select {
font-size: 11px;
border: 1px solid #7f9db9;
padding: 1px;
}

textarea {
border: 1px solid #7f9db9;
margin: 15px 0;
}

#editor textarea,
textarea.editor {
width: 915px;
margin: 15px 0;
border: 1px solid #7f9db9;
}

#editor {
margin-bottom: 15px;
}

.bottom-space {
padding-bottom: 35px;
}


/* =Tables
------------------------------------------------------- */
table.app td {
padding: 2px 10px 5px 0;
vertical-align: middle;
}

/*
table.app input[type="text"] {
width: 97%;
} */

table.app select {
width: 98%;
}

table.app col.a1 { width: 100px; }
table.app col.a2 { width: ; }

table.app col.b1 { width: 100px; }
table.app col.b2 { width: ; }
table.app col.b3 { width: ; }

table.app col.c1 { width: 170px; }
table.app col.c2 { width: ; }

table.app col.d1 { width: ; }
table.app col.d2 { width: ; }
table.app col.d3 { width: ; }
table.app col.d4 { width: ; }

table.app col.e1 { width: 140px; }
table.app col.e2 { width: 260px; }
table.app col.e3 { width: 140px; }
table.app col.e4 { width: ; }

.address-left { width: 500px; float: left; }
.address-right { width: 420px; float: right; }


/* =Tables, Additional Styles 5-11-10
    Comment out selectively if neccessary!
------------------------------------------------------- */
table th, table td,
table.app th, table.app td,
table.skinned th, table.skinned td {
color: #333;
font-size: 11px;
line-height: 1.5em;
text-align: left;
}

/* table.skinned */
table.skinned {
border-collapse: collapse;
border-color: #a5bace;
border-style: solid;
border-width: 1px 1px 0 1px;
}

table.skinned th {
background-color: #f0f6fc;
}

table.skinned th, table.skinned td {
color: #333;
border-color: #ccc;
border-style: solid;
border-width: 0 0 1px 0;
vertical-align: top;
}


/* Try to override old msg2.css styles */
table.ruled {
}

table.ruled th, 
table.ruled td {
padding: 2px 0;
vertical-align: middle;
border-top: 1px solid #a5bace;
border-bottom: 1px solid #a5bace;
}

table.ruled th {
background: #f0f6fc;
}


/* table#GroupList */
table#GroupList {
/* width: 930px !important; */
}

table.jTPS a.cmd:link, 
table.jTPS a.cmd:visited {
padding: 1px 3px 2px 3px;
}

table.jTPS a.larger:link,
table.jTPS a.larger:visited {
padding: 2px 8px 3px 8px;
}

/* */
table.jTPS th, 
table.jTPS td {
padding: 2px 0;
vertical-align: middle;
}

table#tblSegments td,
table#EmailList td {
padding: 4px 0;
}

table.jTPS thead th,
table.jTPS tfoot td {
background: #f0f6fc;
border-top: 1px solid #a5bace;
border-bottom: 1px solid #a5bace;
}

.msg_body {
background-color: #ffe;
}

table.skinned-header th {
background-color: #f0f6fc;
}
table.skinned-header th,
table.skinned-header td {
padding: 2px 10px 5px 10px;
color: #333;
}

table#MessageResult td {
vertical-align: top;
}

table#MessageResult td.linkspace {
padding-right: 5px !important;
}

table#msg_details {
width: auto;
}

table#msg_details td {
vertical-align: top;
width: auto;
}

table#msg_details img {
display: block;
}


/* =Login Page
------------------------------------------------------- */
.welcome,
.callout {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1.3em;
}

h2.callout {
font-size: 20px;
color: #0e4c92;
margin: 0.5em 0;
}

h2.welcome {
font-size: 28px;
color: #0e4c92;
margin: 0.5em 0;
}

h3.callout {
font-size: 20px;
font-style: italic;
color: #d84600;
margin: 0.5em 0;
}

h3.login {
font-size: 14px;
font-weight: bold;
line-height: 1.3em;
color: #0955ac;
margin: 0.5em 0;
}

ul.login {
color: #0955ac;
}

.login a {
color: #06c;
}

.login a:hover {
color: #39f;
}

p.need-account {
margin-top: 15px;
color: #0955ac;
font-weight: bold;
font-style: italic;
}

.login-box {
padding: 10px 20px;
margin-left: 30px;
border: 1px solid;
border-top-color: #99c9ff;
border-left-color: #99c9ff;
border-right-color: #3381ce;
border-bottom-color: #3381ce;
}


/* =Misc Fixes
------------------------------------------------------- */
table.app {  }

table.med-wide,
div.med-wide {
width: 65%;
}

.accordion table { 
margin: 15px; 
}

.accordion {
border-bottom: 1px solid #a5bace;
}

.accordion h3 {
background: #f0f6fc url("/msg2/Content/Images/Common/arrow-square.gif") no-repeat 100% -53px;
border: 1px solid #a5bace;
border-bottom: none;
cursor: pointer;
font: bold 11px 1.2em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px 10px;
}

.accordion h3.active { background-position: 100% 3px; }

.accordion h3:hover {
background-color: #e5f2ff;
}

#JT_close_left,
#JT_close_right {
background-color: #fafae2;
border-bottom: 1px solid #ccc;
}

.top-margin {
margin-top: 15px;
}

p.systemMessage {
background-color: #ffc;
border: 1px solid #fc9;
text-align: center;
margin-bottom: 15px;
}

body, table { font-size: 11px; }

/*
fieldset {
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
*/

fieldset div.form-element label {
display: block;
float: left;
margin: 2px 0;
padding: 2px 0;
text-align: left;
vertical-align: top;
width: 170px;
}

fieldset textarea, fieldset input.sized, fieldset select, #quicksearch input {
width:380px;
}

.pager .current { /* from Pager.css */
background-color: #4781b5;
}

/* magic image resizing to overcome bad programming */
#thumb_nail img {
display: block;
max-width: 100px;
height: auto;
image-rendering: optimizeQuality; /* Firefox 3.6 */
-ms-interpolation-mode: bicubic;  /* Internet Explorer 7.0+ */
}

* html #thumb_nail img { /* MS expression sets max-width for IE 6 */
width: expression(document.body.clientWidth > 99 ? "100px" : "auto"); 
}


/* =Datepicker Colors
------------------------------------------------------- */
#datepick-div, .datepick-inline, .datepick-days-cell a  {
background: #f0f6fc;
color: #333;
border: 1px solid #a5bace;
}

.datepick-days-cell a {
border: 1px solid #a5bace;
}

.datepick-dialog { border-color: #006197; }

.datepick-header,
.datepick-header select,
.datepick-week-col,
.datepick-current-day a {
background: #07b;
}

.datepick a { color: #000; }

.datepick-other-month a { background: #f0f6fc; }

.datepick-today a,
.datepick-current-day a,
.datepick-days-cell-over a {
background-color: #d0e3f4;
background: #d0e3f4;
border-color: #39f
border-color: #39f;
}

.datepick-control a:hover, .datepick-links a:hover, .datepick-title-row a:hover {
background: #f0f6fc;
}


/* =Overrides for legacy styles
------------------------------------------------------- */
.ui-widget,
div {
font-size: 11px;
}

#indicator {
color: #f60 !important;
}

a.nice-link { color: #248; text-decoration: none; }
a.nice-link:hover { color: #39f; text-decoration: underline; }


/* =Overlay boxes
------------------------------------------------------- */
#fancy_content {
left: 0px !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
}

#fancy_content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
color: #fff;
background-color: #2d66a1; 
padding: 5px 15px 6px 15px;
border-bottom: 1px solid #003e7b;
}

/* Fancy-box */
#fancy_ajax div {
padding: 15px;
}

#fancy_ajax div.btn {
padding: 0;
}

#fancy_content h2.flush {
margin: -15px -15px 0 -15px;
}

div#fancy_close {
position: absolute;
top: -24px;
right: 11px;
height: 24px;
width: 58px;
background: url('../../resources/images/fancy-closebox-8.png') top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}

#fancy_content ul, #fancy_content ol {
font-size: 11px;
margin: 1em 0 0.5em 0;
}

#fancy_content li { 
line-height: 1.3em;
padding-bottom: 0.5em; 
margin-left: 2em;
} 



/* =jQuery Tabs - alternative styles
------------------------------------------------------- */
/* root element for tabs  */
#main ul.tabs { 
margin: 0; 
padding:0;	
height:31px;
border-bottom: 1px solid #a5bace;
position: relative;
top: 1px;
}

/* single tab */
#main ul.tabs li { 
float:left;	 
padding:0;
margin:0;
list-style-type: none; 
display: inline;
margin-right: 10px;
}

#main ul.tabs li#MessagesTab {
margin-left: 15px;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
background-color: #a5bace;
display:block;
height: 30px;  
line-height: 30px;
border: solid #a5bace;
border-width: 1px 1px 0 1px;
text-align:center;	
text-decoration:none;
color: #333;
padding: 0px 10px;
margin: 0px;	
position: relative;
top: 1px;
}

ul.tabs a.current {
background-color: #f0f6fc;
}

ul.tabs a:active {
outline: none;	
}

ul.tabs a:hover {
background-color: #b3c8dc;
color: #fff;	
}

ul.tabs a.current:hover {
background-color: #f0f6fc;
cursor: default;
color: #333;
}

/* initially all panes are hidden */ 
div.panes div.pane {
display:none;		
}





/* =END */

/* ============================================================= */
/* ============================================================= */
/* ============================================================= */