/* some additions made by me! */

/* -------------------------------------------------------------------------------------------
css for the comment boxes
------------------------------------------------------------------------------------------- */

.comment {
border: 1px #ddd solid;
margin: 10px 0;
}

.comment .comment_header {
background: #eee url(/static/icons/fam/comment.gif) center no-repeat;
background-position: 10px 50%; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
border-bottom: 1px #ddd solid;
padding: 5px 10px 5px 35px;
}

.comment .comment_body {
padding: 5px 10px;
}

.comment .comment_right {
float: right;
}

/* -------------------------------------------------------------------------------------------
The links bar that shows up for registered users
------------------------------------------------------------------------------------------- */

dl#links { margin: 10px 0 0 0; }
dl#links dd { color:#555; margin:0 0 10px 0; }
dl#links dd.bottom {border-bottom:1px solid #CACACA; color:#555; padding-bottom:10px; margin-bottom: 10px;}
dl#links dd span.date {color:#0288CA;}

dl#links dt {clear:both; padding-left:18px; background:url("ico-list.gif") 0 2px no-repeat;}
dl#links dd span.date {padding-right:10px; background:url("date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}

/* -------------------------------------------------------------------------------------------
CSS styles forms
------------------------------------------------------------------------------------------- */

.af_submit {
margin-left: 210px;
width: 200px; 
}

form.ags_form {
margin-top: 0;
}

.ags_form label {
margin-top: 10px;
font-weight: bold;
}

.ags_form button {
clear: both;
width: 200px;
}

.ags_form input[type="text"], .ags_form input[type="password"], .ags_form input[type="file"], .ags_form select {
width: 250px;
margin: 5px 0 10px 0;
}

.ags_form .wide input[type="text"], .ags_form .wide input[type="password"], .ags_form .wide select {
width: 600px;
margin: 5px 0 10px 0;
}

.ags_form fieldset {
border-style: none;
margin: 0;
padding: 0;
}

.ags_form p.details {
font-style: italic;
margin-top: 10px;
clear: both;
}

.ags_form fieldset p {
width: 260px;
float: left;
margin: 10px;
}

.ags_form fieldset p.wide {
width: 600px;
margin: 10px;
}

.ags_form textarea {
margin: 5px 0 10px 0;
width: 600px;
height: 100px;
}

.ags_form textarea.large {
width: 600px;
height: 300px;
}

.ags_form .help {
border:1px solid #DDD;
background:#F5F5F5;
padding: 5px;
margin: 10px auto;
width: 225px;
float: right;
font-size: 0.85em;
}

.ags_form .hint {
  display:none;
  position: absolute;
  left: 300px;
  width: 275px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
}

.tip {
	color: #ccc;
	font-size: 0.9em;
}

.tip a:link, .tip a:visited {
	color: #ccc;
	font-size: 0.9em;
}

/* -------------------------------------------------------------------------------------------
CSS Alerts/Messages (http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/)
------------------------------------------------------------------------------------------- */

body{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
}
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('validation.png');
}

/* -------------------------------------------------------------------------------------------
Other changes
------------------------------------------------------------------------------------------- */

div#subheader {
border:1px solid #DDD;
background:#F5F5F5;
padding: 10px;
width: 98%;
margin: auto;
margin-top: 10px;
}

blockquote {
border:1px solid #DDD;
background:#F5F5F5;
padding: 10px;
width: 90%;
margin: 10px auto;
}
ol li {
margin-bottom: 10px;
}

ul {
margin-bottom: 0;
margin-top: 0;
}

span.pic_right {
border:1px solid #DDD;
background:#F5F5F5;
padding: 10px;
margin-left: 15px;
float: right;
}
	
#hideShow {
border:1px solid #DDD;
width: 90%;
margin: 15px auto;
visibility: hidden;
display: none;
padding: 0 15px 0 15px;
clear: both;
}

#hideShow h3 {
width: 300px;
}

#hideShow #close {
width: 80px;
float: right;
text-align: right;
}

 .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}

span.img_left {
/* float : left;
padding : 0 10px 5px 0; */
float : left;
border : 1px solid #ccc;
background : #f5f5f5;
padding : 10px;
margin-right: 10px;
margin-bottom: 10px;
width: 196px;
text-align: center;
}
span.img_left img {
/* float : left;
padding : 0 10px 5px 0; */
float : left;
padding : 5px 0 5px 0;
}

span.img_right {
/* float : left;
padding : 0 10px 5px 0; */
float : right;
border : 1px solid #ccc;
background : #f5f5f5;
padding : 10px;
margin-left: 10px;
margin-bottom: 10px;
width: 196px;
text-align: center;
}
span.img_right img {
/* float : left;
padding : 0 10px 5px 0; */
float : right;
padding : 5px 0 5px 0;
text-align: center;
}

.date {
border-top : 1px dotted #ccc;
padding : 5px 0;
margin : 10px 0 25px 0;
text-align : right;
clear: left;
}

p {
text-align: justify;
}

.nomargin, .nomargin p {
margin: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}

#content-in h3 {
background : url(hr.jpg) no-repeat bottom left;
}

fieldset {
border: 1px #999 solid;
padding: 0 20px;
margin: 0;
}

.awesomeform .long {
width: 300px;
}

.left {
float: left;
}

.right {
float: right;
}

.center {
text-align: center;
}

body {
color: #000;
}

input {
	color: #000;
	background-color: #fff;
}

.logos img {
padding: 0 5px;
text-align: center;
}

.login_pics {
padding: 5px;
text-align: center;
}