<style>
input[type='checkbox'],
input[type='file'],
input[type='radio'],
input[type='reset'],
input[type='submit'],
input[type='text'],
select {
    font-size:          1.2em;
    background:		#e7f5fe;
    color:		blue;
    border:             1px solid blue;
    border-radius:      4px;
    height:             1.4em;
    vertical-align:     middle;
}
input.redsubmit {
    font-size:          1.0em;
    background:		#ffcccc;
    border:             1px solid red;
    border-radius:      4px;
    height:             1.4em;
    vertical-align:     middle;
}

h1 {
    font-size:		1.6em;
    color:		#1a65a3;
    margin-bottom:	0.7em;
}
h2 {
    font-size:		1.3em;
    color:		#1a65a3;
    margin-bottom:	0.6em;
}
h3 {
    font-size:		1.2em;
    color:		#1a65a3;
    margin-bottom:	0.5em;
}
h4 {
    font-size:		1.0em;
    color:		#1a65a3;
    margin-bottom:	0.4em;
}
a:link {
    color:		blue; 
    background:		transparent; 
    text-decoration:	none;
}
a:visited {
    color:		blue; 
    background:		transparent; 
    text-decoration:	none;
}

span.greeting {
    font-size:		1.2em;
    font-weight:	bold;
    color:		#1a65a3;
    margin-right:	1.0em;
    margin-bottom:	0.4em;
}

div.infomsgblock {
    background:		white;
    color:		black;
    padding:		0.5em 0.2em 1.0em 0.2em;
    height:		1.2em;
}
span.infomsgy {
    background:		#00b300;
    border:		2px solid #00b300;
}
span.infomsgn {
    background:		red;
    border:		2px solid red;
}
span.infomsgx {
    background:		#5e5eee;;
    border:		2px solid #5600ff;
}
span.infomsgcommon {
    color:		white;
    border-radius:	4px;
    margin:		0.2em;
    padding:		0.2em;
    white-space:	nowrap;
}

div.upperblock {
    background:		#e7f5fe;
    color:		black;
    border:		1px solid blue;
    border-radius:	8px;

    margin-left:	1em;
    margin-right:	2em;
    padding:		0.5em;
    line-height:	1.2;
}
div.upperblocktitle {
    font-size:		1.0em;
    font-weight:	bold;
    color:		#1a65a3;
}
div.lowerblock {
    display:		inline-block;
    margin:		0.5em auto;
    padding:		0.5em;
    border:		1px solid blue;
    border-radius:	8px;
}
div.lowerblocktitle {
    font-size:		1.2em;
    font-weight:	bold;
    color:		#1a65a3;
    margin-top:		0.5em;
    margin-bottom:	0.5em;
}

div.loginblock {
    text-align:		center;
    background:		white;
    color:		black;
    border:		2px solid blue;
    border-radius:	8px;
    width:		48em;
    padding:		0.5em;
    line-height:	1.2;
}
.loginbtn {
    background:		#e7f5fe;
    color:		blue;
    border:		1px solid blue;
    border-radius:	2px;
    font-size:		0.8em;
}

span.delbtn {
    background:		#ffe6e6;
    color:		red;
    border:		1px solid red;
}
span.addbtn {
    background:		#e6ffe6;
    color:		green;
    border:		1px solid green;
}
span.commonbtn {
    border-radius:	2px;
    font-size:		0.8em;
    padding:		0.1em;
    width:		4em;
    max-width:		4em;
    display:		inline-block;
    text-align:		center;
}

ul#bullet {
    list-style-image:	url(../images/bullet-link.png);
    margin:		0 9px 0 8px;
}
li {
    margin:		0 0 4px 0;
}

img.csphoto {
    border:		1px solid blue;
    border-radius:	6px;
    width:		120px;
}

#footercontainer {
    clear:		both;
    border-top:		2px solid #c4c4c4;
    background:		url(/csm/images/footer-background.png) repeat-x;
    height:		219px;
    font-size:		0.916666em;    /* 11/12 */
}
#footercontainer .internal {
    background:		url(/csm/images/footer-watermark.png) no-repeat;
    overflow:		visible;
    height:		219px;
}

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

span.cal-legend {
    display:		inline-block;
    min-width:		10em;
    vertical-align:	middle;
    text-align:		center;
    padding:		4px;
    border-radius:	4px;
}
.cal {
    display:		inline-block;
    white-space:	nowrap;
}
.cal-table {
    width:		18em;
    border-bottom:	1px solid #dddddd;
    padding:		1px;
}
th.cal-month {
    background:		#214793;
    color:		white;
    font-weight:	bold;
    text-align:		center;
}
td.cal-dayname {
    text-align:		center;
    background:		#eeeeee;
    width:		2.2em;
}
td.cal-day {
    color:		#666666;
    text-align:		center;
    padding:		2px;
}

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

.dropbtn {
    background:		#214793;
    color:		white;
    padding:		0.5em;
    font-size:		1.0em;
    border:		none;
    cursor:		pointer;
}
.dropmenu {
    position:		relative;
    display:		inline-block;
}
.dropmenu-content {
    background:		#214793;
    color:		white;
    display:		none;
    position:		absolute;
    min-width:		120px;
    z-index:		1;
}
.dropmenu-content a {
    color:		white;
    font-size:		0.7em;
    padding:		4px 8px;
    text-decoration:	none;
    display:		block;
}
.dropmenu-content span {
    color:		#cccccc;
    font-size:		0.7em;
    padding:		4px 8px;
    text-decoration:	none;
    display:		block;
}
.dropmenu-content a:hover {
    background:		blue;
}
.dropmenu:hover .dropmenu-content {
    display:		block;
}
.dropmenu:hover .dropbtn {
    background:		blue;
}

.hoverer:hover {
    background:		#eeeeee;
}
td.pec {
    padding:		3px 1em 3px 1em;
}

.plots {
    display:            inline-block;
    white-space:        nowrap;
}
</style>
