/*@font-face{
    font-family: 'Myriad';
    src: url('/static/myriad.ttf');
}*/
h1 {
    font-family:Ubuntu, 'Trebuchet MS', sans-serif;
}
body {
    color:#000000;
    background-color: #dee7ef;
    font-size:18px;
    font-family:'Georgia';
    /*font-family:'Lucida Sans Unicode','Lucida Sans', 'Trebuchet MS', 'Lucida Grande', 'Bitstream Sans Vera', Verdana, Arial, Tahoma, Helvetica, Sans-Serif;*/
}
a {
    color:#000000;
    text-decoration:underline;
}
a:hover {
    color:#33527F;
    text-decoration:none;
}
#container {
    background-color:#ffffff;
    padding:4px;
    margin:auto;
    width:600px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
#nav li a {
    padding:10px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}
#nav li a:hover {
    color:#5a79a5;
    text-decoration:none;
}
#nav ul {
    width:100%;
    padding:0px;
    margin:0px;
}

#nav li {
    font-size:20px;
    background:#9caac6 url(images/overlay.png) repeat-x;
    font-family:Ubuntu, 'Trebuchet MS', sans-serif;
    display:inline;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    /**/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);

}
#nav {
    margin:10px;
    text-shadow: #5a79a5 0 -1px 1px;
    width: 100%;
}
#footer {
    margin: 10px;
    font-size: 0.5em;
}
#header {
    text-shadow: #5a79a5 0 -1px 1px;
    margin: 10px;
}
#content {
    margin: 10px;
    /*line-height:1.4;*/
}
label {
    display:block
}
/* Login +++ */
#user {
    position: absolute;
    top:0px;
    right:4px;
    background-color:#ffffff;
    padding:4px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    font-size:0.8em;
}
#user ul {
    margin-top:4px;
    margin-bottom:4px;
}
#user span.bigger {
    font-size:1.1em;
}
/* NEW SMS */
.addlink {
    padding-left: 18px;
    background: url(/static/add.png) 0 .2em no-repeat;
}
.sendlaterlink {
    padding-left: 18px;
    background: url(/static/clock.png) 0 .2em no-repeat;
}
#subscriber_new {
    display:inline;
}
#id_to_sublists {
}
#id_to_subscribers {
}
#id_message {
    display:block;
    width:350px;
}
input[name=sms_submit] {
    margin-top:8px;
    width:55px;
    height:26px;
}
button {
    display:block;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

#ui-datepicker-div {
    font-size:0.6em;
}
img.border {
    border:solid 1px #555555;
}
/* Portal */

.big_action {
    font-size:20px;
    background:#60C659 url(images/overlay.png) repeat-x;
    font-family:Ubuntu, 'Trebuchet MS', sans-serif;
    display:inline;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    /**/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
}
.big_action a {
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
    padding:10px; /* Does not grow it's container's top and bottom. */
}
.big_action:hover {
    background:#339E35 url(images/overlay.png) repeat-x;
    text-decoration:none;
}
/*
 * http://www.colorcombos.com/combolibrary.html?page=2&search_hex=gray
    color:#ce0000;
    color:#000063;
    color:#5a79a5;
    color:#9caac6;
    color:#dee7ef;
 */