/* CSS Stylesheet */

/* COMMON ----------------------------------------------------------------- */
        body {
                color: #333333;
                font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
                margin: 0;
                padding: 0;
        }

        a,
        a:visited,
        a:active { color: blue;   }
        .hide    { display: none; }
        .left    { float: left;   }
        .right   { float: right;  }
        .clear   { clear: both; font-size: 1px; height: 1px; line-height: 1px; }


        h1 {
                font-family: "Trebuchet MS",Arial;
                font-weight: normal;
                font-size: 25px;
                letter-spacing: -1px;
                margin: 0 0 10px 0;
        }
        h1 span {
                color: #9ECB24;
        }

/* FLASH ------------------------------------------------------------------- */
        .flash_error   {
                padding: 10px 0; color: red;
        }
        .flash_notice  {
                padding: 10px 0; color: green;
        }
        .flash_warning {
                padding: 10px 0; color: orange;
        }

/* WRAPPER ----------------------------------------------------------------- */
        #wrapper {
                width: 970px;
                margin: 0 auto;
        }

/* MENU -------------------------------------------------------------------- */
        #menu {
                padding: 0 10px;
                text-align: right;
                line-height: 30px;
                background-color: #ccc;
                margin: 0 0 25px 0;
                -moz-border-radius-bottomleft: 3px;
                -webkit-border-bottom-left-radius: 3px;
                -moz-border-radius-bottomright: 3px;
                -webkit-border-bottom-right-radius: 3px;
        }
        #menu ul li {
                display: inline;
                list-style-type: none;
                padding-left: 20px;
        }


/* HEADER ------------------------------------------------------------------ */
        #header {
                height: 100px;
                margin: 0 0 25px 0;
                clear: both;
        }

        #header .page {
                width: 690px;
                float: left;
                padding: 10px;
        }
        #header .page p {
                font-size: 13px;
        }
        #header .logo {
                text-align: center;
                width: 220px;
                float: right;
                padding: 10px;
        }

/* CONTAINER --------------------------------------------------------------- */
        #container {
                margin: 0 0 50px 0;
                clear: both;
        }

/* CONTENT ----------------------------------------------------------------- */
        #content {
                width: 710px;
                float: left;
        }
        #content h3 {
                padding: 5px 10px;
                background-color: #ebebeb;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;

        }

/* SIDEBAR ----------------------------------------------------------------- */
        #sidebar {
                width: 220px;
                float: right;
                padding: 0;
        }
        #sidebar ul {
                margin: 0 0 20px 0;
        }


/* FOOTER ------------------------------------------------------------------ */
        #footer {
                font-size: 11px;
                color: #6b6b6b;
                padding: 10px;
                border-top: 1px #ccc solid;
        }

/* NOTE -------------------------------------------------------------------- */
        .note {
                padding: 10px;
        }
        .note .title {
                color: #2276BB;
                font-size: 18px;
                font-weight: bold;
        }

/* GRID -------------------------------------------------------------------- */
        .grid {
                margin: 0 0 25px 0;
        }
        .grid a {
                color: #2276BB;
        }
        .grid .item {
                padding: 10px;
                min-height: 60px;
                border-bottom: 1px #ccc dotted;

        }
        .grid .item .title {
                color: #2276BB;
                font-size: 13px;
                font-weight: bold;
        }
        .grid .item .abstract {
                color: #636363;
        }
        .grid .item .footer {
                margin: 5px 0 0 0;
                font-size: 11px;
                color: #7b7b7b;
        }

/* FORM -------------------------------------------------------------------- */
        .form {
                /*border:solid 2px #b7ddf2;*/
                /*background:#ebf4fb;*/
        }
        .form legend {
                font-size: 18px;
                margin: 0 0 20px 0;
        }
        .form label {
                display:block;
                font-weight:bold;
                text-align:right;
                width:140px;
                float:left;
        }
        .form .small {
                color:#666666;
                display:block;
                font-size:11px;
                font-weight:normal;
                text-align:right;
                width:140px;
        }
        .form input[type=text],
        .form input[type=password],
        .form textarea,
        .form select,
        .form span.element
        {
                float:left;
                font-size:12px;
                padding:4px 2px;
                border:solid 1px #ccc;
                width:300px;
                margin:2px 0 20px 10px;
        }
        .form span.element {
                font-size:13px;
                padding:2px 2px;
                border:0;
        }
        .form .form_action {
                margin: 10px 0 0 150px;
        }
        .form button {
                /*
                clear:both;
                margin-left:150px;
                width:125px;
                height:31px;
                background:#666666 url(img/button.png) no-repeat;
                text-align:center;
                line-height:31px;
                color:#FFFFFF;
                font-size:11px;
                font-weight:bold;
                */
        }
        .form .form_error {
                clear: left;
                color: red;
                margin: 2px 0 0 150px;
        }


/* ROUNDED CORNER----------------------------------------------------------- */
        .roundedcornr_box_379764 {
           background: #f1f1f1 url(/images/roundedcornr/roundedcornr_379764_grad.gif) repeat-x top left;
           margin: 0 0 15px 0;
        }
	#sidebar .roundedcornr_box_379764 h4 {
		margin:0 0 5px 0;
	}

	.roundedcornr_top_379764 div {
	   background: url(/images/roundedcornr/roundedcornr_379764_tl.gif) no-repeat top left;
	}
	.roundedcornr_top_379764 {
	   background: transparent url(/images/roundedcornr/roundedcornr_379764_tr.gif) no-repeat top right;
	}
	.roundedcornr_bottom_379764 div {
	   background: url(/images/roundedcornr/roundedcornr_379764_bl.gif) no-repeat bottom left;
	}
	.roundedcornr_bottom_379764 {
	   background: transparent url(/images/roundedcornr/roundedcornr_379764_br.gif) no-repeat bottom right;
	}

	.roundedcornr_top_379764 div,
        .roundedcornr_top_379764,
	.roundedcornr_bottom_379764 div,
        .roundedcornr_bottom_379764 {
	   width: 100%;
	   height: 10px;
	   font-size: 1px;
	}
	.roundedcornr_content_379764 { margin: 0 10px; }
