/*
Author: Inder Mohan Singh love this color #4B7399
*/


/* font and family and other html elements same accross the site */
* {
    font-size: 14px;
    letter-spacing: -1px;
    margin: 0px;
    padding: 0px;
    font-family: "Courier New", Courier, monospace;
    
}

img {
    border: none;
    vertical-align: middle;

}


h1, h2, h3 {
    color: #666677;
}

h1 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 225%;
}

h2 {
    margin: 15px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    font-size: 150%;
}

h2.dev {
    border-top: 1px dashed #7ebf85;
    padding-top: 15px;
}

h3 {
    margin: 0px 0px 15px 0px;
    padding: 5px 0px 5px 0px;
    font-size: 125%;
}

p {
    padding-bottom: 8px;
}
hr {
    height: 1px;
    border-bottom: 1px dashed #7ebf85;
}

table {
    width: 100%;
}

table.list {
    border: none;
    background-color: #eee;
}

table.list th {
    text-align: center;
    font-weight: bold;
    background-color: #036395;
    color: #fff;
    padding: 5px;
}
table.list tr td {
    padding: 5px 15px;
    margin: 1px;
}



.odd {
    background-color: #f1f6fc;
}

.even {
    background-color: #fff;
}


form{
    padding:0;
    margin:0;
}




form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 900px;
  width: 760px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:18px; /* bump up legend font size, not too large or it'll overwrite border on left */
        font-weight: bold;               /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.button {
	outline:1px outset #999;
	border:1px solid #fff;
	background-color:#222;
	color:#fff;
	height:24px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:14px;

}


.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#dynatip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:14px;
        font-weight: bolder;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

#dynatip.bottom {
	background:transparent url(../images/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

#dynatip.bottom {
	background:transparent url(../images/black_arrow_bottom.png);
}
.MandatoryItem{
    color:#ff0101;
    font-family:Verdana;
    font-size:10px;
    font-weight:normal;
    padding:0;
    margin:0;
}

.formError {
    font-weight: bold;
    color: #EA5200;
    display: inline;

}

/*
.fieldWithErrors {
border: 1px solid red;
}

*/
.TextBlackBold14px{
    font-family:Verdana;
    font-size:14px;
    font-weight:bold;
    color:#000;
}



body  {
    background: #036395;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
}
.twoColFixRtHdr #container {
    width: 1050px;
    background: #FFFFFF;
    margin: 0 auto;
    border: 1px solid #666666;
    text-align: left;
    padding: 1px;
}
.twoColFixRtHdr #header {
    height: 60px;
    background: #036395;
    padding: 0 10px 0 20px;
}
.twoColFixRtHdr #header .logo {
    text-decoration: none;
    color: #ffffff;
    font-size: 270%;
    float: left;
    margin: 10px 0px 0px 8px;
}

.twoColFixRtHdr #header .version {
    font-weight: bold;
    color: orange;
    position: relative;
    top: 15px;
    left: 0px;
}

.twoColFixRtHdr #header .tagline {
    font-weight: bold;
    color: #80c67b;
    position: relative;
    top: 40px;
    left: -300px;

}


.admin_menu a {
    color: #000;
    text-decoration: none;
}

.admin_menu a:hover {
    color:#80c67b;
    text-decoration: none;
}

ul#menu {
    float: right;
    margin-right: 16px;
    margin-top: 16px;
}

ul#menu li {
    display: inline;
    margin-left: 10px;
    float: left;
}

ul#menu li a {
    color: #FFEFEF;
    display: block;
    float: left;
    text-decoration: none;
    padding-left: 5px;

}

ul#menu li a:hover {
    color: #80c67b;
}

ul#menu li a img {
    border: none;
    vertical-align: middle;


}
.twoColFixRtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
}
.twoColFixRtHdr #sidebar {
    float: right;
    width: 200px;
    padding: 15px 10px;
}
.twoColFixRtHdr #mainContent {
    margin: 0 230px 0 0;
    padding: 0 20px;
    border-right: 1px solid #000000;
}


.twoColFixRtHdr #mainContent .PostDate {
    position: absolute;
    top: 0px;
    left: 0;
    text-align: center;
    margin: 0;
    padding: 2px 5px 2px 8px;
    list-style: none;
    border-right: solid 1px #ccc;
}
.twoColFixRtHdr #mainContent  .PostDate .year {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}
.twoColFixRtHdr #mainContent .PostDate .month {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #666;
    text-transform: uppercase;
}
.twoColFixRtHdr #mainContent .PostDate .day {
    display: block;
    font-size: 30px;
    font-family: 'Arial';
    font-weight: bold;
    line-height: 30px;
    color: #ccc;
    letter-spacing: -1px;
}

.twoColFixRtHdr #mainContent .Post {
    position: relative;
    clear: left;
    width: 650px;
    padding-bottom: 50px;
}
.twoColFixRtHdr #mainContent .Post h1 {
    font-size: 125%;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0px;
    margin: 0px;
    display: block;
}
.twoColFixRtHdr #mainContent .Post h1 a {
    color: #666;
    font-size: 125%;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0px;
    margin: 0px;
    display: block;
}
.Post h1 a:visited { color: #666; text-decoration: none;}
.Post h1 a:hover { color: #999; text-decoration: none;}

.PostHead { padding-left: 60px; }

.PostInfo { padding: 0px; margin: 0px; font-size: 10px; color: #828282; font-family: Verdana;}
.PostInfo em { font-style: normal;}
.PostInfo em a { text-decoration: underline; color: #828282;}
.PostInfo em a:visited { text-decoration: underline; color: #828282;}
.PostInfo em a:hover { text-decoration: underline; color: #aaa; }

.Tags { font-size: 10px; margin: 0; padding: 0;}

.PostContent { 
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    line-height: 16px;
    border-top: solid 1px #ccc;
    margin-top: 15px;
}
.PostContent p {
    font-size: 12px;
    line-height: 16px;
}
.PostContent img { 
    padding: 1px;
    border: solid 1px #f0f0f0;
    margin: 0px 15px 15px 0px;
}
.PostContent blockquote {
    padding: 3px 15px;
    background: #f4f4f4;
    margin: 10px 0px;
    color:#444;
}
.PostContent blockquote p { 
    padding: 5px 0px;
    margin: 5px 0px;
    line-height: 15px;
}


.twoColFixRtHdr #mainContent li {
    padding-left: 20px;
    list-style-type: square;
    list-style-position: inside;
    list-style-image: url(../images/bullet_blue.png) ;
}

.twoColFixRtHdr #footer {
    height: 50px;
    padding: 0 10px 0 20px;
    background-color: #036395;
}
.twoColFixRtHdr #footer p {
    margin: 0;
    padding: 10px 0;
}
.twoColFixRtHdr #footer #copy {
    color: #FFFFFF;
    margin-top: 17px;
    margin-left:20px;
    font-size: 12px;
    float: left;
}

.twoColFixRtHdr #footer #bottom-nav {
    float: right;
    margin-left: 16px;
    margin-top: 16px;

}

.twoColFixRtHdr #footer  a{
    color: #ffffff;
    text-decoration:none;

}

.twoColFixRtHdr #footer a:hover  {
    color: #80c67b;
    text-decoration: underline;
}
.twoColFixRtHdr #footer p {
    margin: 0;
    padding: 10px 0;
}

.fltrt { 
    float: right;
    margin-left: 8px;
}
.fltlft { 
    float: left;
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#comments {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

#comments blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

#comments blockquote p {
	margin: 10px;
	padding: 0px;
}

#comments cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}



.note {
    color: #c3beba;
    margin-top: 2px;
    float: right;
    font-size: 11px;
}


#pagination a {
    color: #333;
    text-decoration: none;

}

#pagination a:hover {
    color: #80c67b;
    text-decoration: underline;
}


#flash_notice, #flash_error {
    padding: 5px 8px;
    margin: 10px 0;
}

#flash_notice {
    background-color: #CFC;
    border: solid 1px #6C6;
}

#flash_error {
    background-color: #FCC;
    border: solid 1px #C66;
}

.fieldWithErrors {
    display: inline;
}

#errorExplanation {
    width: 400px;
    border: 2px solid #CF0000;
    padding: 0px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: 0;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 8px;
}

#errorExplanation ul {
    margin: 2px 24px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: disc;
}

/*form items*/
#FormItems{
    padding:5px;
    border: 0 none #fff;
}
#FormItems td.LeftItem{
    width:140px;
    text-align:right;
    padding:0 10px 0 0;
}
#FormItems td.RightItem{
    text-align:left;
}
#FormItems td.RightItem input[type='text'], #FormItems td.RightItem input[type='password']{
    width:200px;
}
#FormItems td.RightItem select{
    width:205px;
}
#FormItems td.RightItem input[type='text'].ShortText{
    width:54px;
}
#FormItems td.RightItem input[type='checkbox']{
    float:left;
    margin:0 8px 0 0;
    padding:0;
    vertical-align:middle;
}
#FormItems .FormItemDesc{
    padding: 0 0 0 10px;
}


#calendar
.calendar {
  margin: auto;
}

.monthName {
  font-size: 20px;
  text-align: left;
  padding: 2px 10px 0 0;

}

.dayName  {
  font-size: 9px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #303030;
  color: white;
}

.otherMonth, .day, .specialDay {
  padding: 2px 6px;
  border-right: 1px solid white;

}

.otherMonth {
  color: #cccccc;
  background-color: white;
}

 .specialDay {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
  background-color: #bbccff;
}
.specialDay {
  background-color: #003355;
  color: white;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: white;
  text-decoration: none;
  padding: 1em;
}
.specialDay a:hover {
  color: white;
  background-color: black;
}
.weekendDay {
  background-color: #ffffdd;
}
.today{
	background-color: #4682b4;
}

#tag_cloud {
    font-size: 10px;
}

#tag_cloud a {
    color: maroon;
    text-decoration: none;

}

#tag_cloud a:hover {
    text-decoration: underline;

}