/* xxxx ICONS xxxxx */ 

img.cal, img.cal a {
vertical-align: top;
margin-top: 6px;
border: none;
}

/*  ----------------- HEADER ----------------------- 

#masthead h1, #masthead h1.topheader {
font-size: 1.4em;
padding-top: 1.35em;
margin-bottom: 0;
}

#masthead h1.topheader {
padding-top: 1.7em;
color: #036;
}

#masthead h2 {
margin-top: 0;
font-size: 1.35em;
} */

/* ADD/EDIT STUDY RECRUITMENT and SELECT A STUDY */

/* start of extras created by Jorge */
.instruction_container {
    float: left;
    width: 100%;
}

.box_520x45 {
    float:left;
    width: 600px;
    height: 45px;
    clear: both;
}

.green_box {
    /*Informative Box*/
    background: #289728 url(../images/icon-info.png) no-repeat;
    margin-top: 20px;
    margin-bottom: 10px;
    clear: both;
}
.header_one {
    /*Header with a number inside a circle box*/
    background: #FFF url(../images/one.png) no-repeat;
}

.header_two {
    /*Header with a number inside a circle box*/
    background: #FFF url(../images/two.png) no-repeat;
}

.text_white {
    /*Text white insde green box*/
    font:14px/18px arial,sans-serif;
    margin:5px 5px 5px 60px;
    color: #FFF;
}
.text_green_header {
    /*Green text header*/
    font: 18px arial,sans-serif;
    margin:5px 5px 5px 60px;
    color: #289728;
}

/* end of extras created by Jorge */

#leftwindow, #topwindow, #topwindowDk {
width: 300px;
    margin: 12px 7px 12px 0;
    padding: 14px 12px 30px;
    background: #f5faf7;
}

#topwindowDk {
    border: 1px solid #d4ead4;
}

#leftwindow, #topwindow {
    border: 1px dashed #093;
}

#leftwindow h3, #topwindow h3, #topwindowDk h3 {
font-size: 1.2em;
padding: 4px 0;
}

#leftwindow hr {
color: #093; 
background: #093;
border: 0; 
height: 1px;
margin: 12px 0;
}


#rightcontainer {
float: right;
width: 525px;
margin-top: 20px;

}

#rightcontainer ol {
margin-left: 0;
padding-left: 18px;
margin-top: 7px;
}

#rightcontainer ol li {
padding-bottom: 12px;
}

#rightcontainer ol ul {
margin: 7px 0 0 0;
padding-left: 14px;
}

#rightcontainer li ul li {
list-style-type: disc;
}

#rightcontainer li li.nopad {
padding-bottom: 0;
}

#rightcontainer p.top {
margin-top: 0;
padding-top: 0;
}

#topwindow, #topwindowDk {
float: none;
width: auto;
}

#topwindowDk {
background: #e9f4e9;
padding: 7px;
}

#topwindow ul, #topwindowDk {
margin: 25px 0;
list-style-type: none;
}

#topwindow .display {
margin: 12px 0;
}

#topwindowDk .display {
margin: 0;
padding: 0;
}

#topwindowDk p {
padding: 0 0 1px 0;
}

#topwindow .display p, #topwindowDk .display p {
padding: 0;
}

#botwindow p.comments, #botwindow p.errormsg, p.normtext {
margin-left: 210px;
}

.errormsg, .normtext {
color: red;
letter-spacing: .05em;
margin: 4px 0 0;
padding-left: 5px;
}

.normtext {
color: black;
}

#botwindow span.output  {
display: inline-block;
margin: 5px 0;
width: 510px;
padding: 7px 12px;
background: #e9f7ee;
}

.display strong {
color: #333;
padding-right: 12px;
}

table.display {
margin: 0 10px 0 0 ;
}

.display th {
font-weight: bold;
text-align: left;
white-space: nowrap;
vertical-align: top;
padding: 7px 12px 7px 0;
}

.display td {
padding: 7px 20px 7px 0;
vertical-align: top;
}

/* ADD EDIT RECRUITMENT POSTING */

.output img, .output img a {
border: none;
margin-top: 2px;
margin-right: 7px;
vertical-align: bottom;
}

/* SELECT STUDY */

div#pagination {
margin: 12px 0 0;
background: #fff;
overflow: hidden;
border: 3px #090;
border-style: double none;
}

#pagination ul {
float: left;
list-style-type: none;
padding: 0;
}

#pagination ul.number {
margin: 12px 12px 12px 175px;
}

#pagination ul.leftarrow, #pagination ul.rightarrow {
margin: 6px 0;
}

#pagination ul.pad {
margin: 12px 7px;
}

#pagination ul.number span.selected { /* page number */
border: 1px solid #090;
padding: 2px 8px;
background: #fff;
}

#pagination ul.pad li {
padding: 2px;
}

#pagination .pad li a {
text-decoration: underline;
}

#pagination .leftarrow li a, #pagination .rightarrow li a {
text-decoration: none;
}

#pagination ul.leftarrow, #pagination ul.rightarrow {
margin: 12px;
}

ul.leftarrow li a {
background: url(../images/arrow-left.png) no-repeat 0 3px;
padding-right: 0;
padding-left: 14px;
}

ul.rightarrow li a {
background: url(../images/arrow-right.png) no-repeat 30px 3px;
padding-left: 0;
padding-right: 14px;
}

#pagination li {
display: inline;
}

#pagination li a {
text-decoration: none;
}

table.approved {
border-collapse: collapse;
border: 1px #090;
border-style: solid none none;
}

.approved th {
vertical-align: top;
margin: 0;
padding: 4px 0;
background: #fff;
text-align: left;
font-weight: normal;
}

.approved th ul {
margin: 0;
list-style-type: none;
}

.approved th li {
margin-top: 0;
}

.approved th li a {
display: inline-block;
text-decoration: none;
padding: 4px 0;
font-weight: bold;
color: #333;
}

.approved th li a img {
float: left;
border: none;
margin-top: 2px;
margin-right: 7px;
margin-bottom: 12px;
padding: 0;
}

.approved td {
vertical-align: top;
border: 1px #090;
border-style: solid none none;
}

.approved td {
padding: 8px 16px 8px 8px;
}

.approved td.col1 {
background: #eee;
}

.approved td.col2 {
background: #fff;
}


div.topics, div.topics_selected {
width: 400px;
margin: 12px 7px 7px 212px;
background: #f5faf7;
padding: 0;
}

div.topics {
border: 1px dashed #093;
}

div.topics_selected {
border: 1px solid transparent;
margin: -4px 7px 7px 212px;
}


