/*
 * Stylesheet for Site Administration
 * (c) Digital Crew, 2003
 */

/* Firstly, set up */
html{
    height:100%;
}
body
{
    margin:  0;
    padding: 0;
    background-color: white;
    color: black;
    height:100%;
}

body, td, th, div, p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   11px;
}

th,td{
    text-align:left;
    vertical-align:top;
}

li.homepage{
    list-style-image:url(../images/ieicon_small.gif);
    margin-left : 20px;
    padding-left : 20px;
}

/* Spefic to this project */

h1{
    font:17px arial,sans-serif;
    color:#333;
}
h2{
    font:16px arial,sans-serif;
    color:#333;
}
h3{
    font:15px arial,sans-serif;
    color:#333;
}

h4{
    font-family:Universal,arial;
    font-size:12pt;
    color:#303050;
}

tr.headr td{
background-color:buttonface;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
border-bottom: 1px solid buttonshadow;
font-family:arial;
font-size:12px;
font-weight:bold;
}

.headr{
background-color:buttonface;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
border-bottom: 1px solid buttonshadow;
font-family:arial;
font-size:12px;
font-weight:bold;
}

div.headr{
padding:4px;
background-color:buttonface;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
border-bottom: 1px solid buttonshadow;
font-family:arial;
font-size:12px;
font-weight:bold;
}

tr.row td{
background-color:white;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
border-bottom: 1px solid buttonshadow;
font-family:arial;
font-size:11px;
vertical-align:middle;
cursor:pointer;
}

td.column{
background-color:white;
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
border-bottom: 1px solid buttonshadow;
font-family:arial;
font-size:11px;
vertical-align:middle;
cursor:pointer;
}

td.editColumn
{
    background-color:#BCF0C0;
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-right: 1px solid buttonshadow;
    border-bottom: 1px solid buttonshadow;
    font-family:arial;
    font-size:11px;
    vertical-align:middle;
    background-image : url(editColumnBack.jpg);
    cursor:pointer;
}
td.updatedColumn
{
    background-color:#BCF0C0;
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-right: 1px solid buttonshadow;
    border-bottom: 1px solid buttonshadow;
    font-family:arial;
    font-size:11px;
    vertical-align:middle;
    background-image : url(updatedColumnBack.jpg);
    cursor:pointer;
}

a.helplink:link{color: #222222;text-decoration:none;}
a.helplink:visited{color: #111111;text-decoration:none;}
a.helplink:hover{color: #0000FF;text-decoration:underline;}

div.errorMessage{
    padding:20px;
}

.hpshadeback{
    clear:both;
    margin:0 0 10px 0;
    padding:10px 20px 10px 20px;
    overflow:hidden;
}
.hptitle{
    font-size:15px;
    font-weight:bold;
    border-bottom:1px solid #303077;
    color:#ff6633;
}
.fpicon{
    text-align:center;
    width:90px;
    height:90px;
    float:left;
}
fpicon img{
    width:90px;
    height:50px;
}
.fpicon a{
    text-decoration:none;
    font-size:9px;
}
.fpicon a:hover{text-decoration:underline;color:#555;}
.fpheadr{
    padding:3px;
    font:9px;
    font-weight:bold;
    color:#444;
    vertical-align:top;
    background-color:#EEE;
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    clear:both;
}
td.fpcolumn{
    padding:3px 3px 15px 5px;
    background-image : url(../images/fpcolumn.jpg);
    background-repeat : repeat-x;
    background-color:#EFEFEF;
    vertical-align:top;
    font-size: 9px;
}
td.fpcolumn div{
    font-size: 9px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #888;
}
td.fpcolumn a{
    font-size: 9px;
}
td.projectheadr{
    padding:3px;
    background-image : url(../images/fpheadr.jpg);
    background-repeat : repeat-x;
    font-size: 9px;
    font-weight:bold;
    background-color:#6E7794;
    color:white;
    vertical-align:top;
}
#messageDiv{
    background: #fff6bf url(../images/icons/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 10px 20px 10px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    cursor:pointer;cursor:hand;
}
#messageDivSuccess{
    background: #fff6bf url(../images/icons/correct.gif) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 10px 20px 10px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    cursor:pointer;cursor:hand;
}
#messageDiv.info{
    background-image:url(../images/icons/information.png);
}
#messageDiv h3{
    color:#333;
    font-family : sans-serif;
    font-size : 17px;
    margin:0px;
    font-weight:bold;
    line-height:100%;
    border:none;
}
#messageDiv ul{
    margin-top:5px;
}

#logTable td{
    color:#555;
    font-size:11px;
    border-bottom:1px solid #EEE;
    background:transparent url(../images/icons/information.png) no-repeat 0px 4px;
    padding:5px 0 5px 20px;
}
#logTable td.day{
    color:#333;
    font-size:11px;
    padding:10px 10px 5px 0;
    font-weight:bold;
    background:none;
}
#logTable td a{
    color:#00F;
    font-size:11px;
    text-decoration:underline;
}


#numUsers{
    margin:10px 10px 0 0;
    padding:20px 10px 20px 10px;
    background: #E8E8E7 url(../images/back_numusers.jpg) repeat-x;
    border:1px solid #E5E5E1;
    color:#939509;
    text-align:center;
}
#numUsersNum{
    color:#E50C01;
    font: 60pt "Trebuchet MS",arial,sans-serif;
    margin: 0;
}

#sapPathPagePath{
    background:#FFF url(../images/back_pageTitle.jpg) repeat-x;
    border-bottom:1px solid #EEE;
    overflow:hidden;
    width:100%;
    height:22px;
    opacity:0.9;
    filter:alpha(opacity=90);
}
#sapPathPagePath div{
    padding:5px 22px;
    background:transparent url(../images/icons/edit.gif) 4px 50% no-repeat;
    font:11px sans-serif;
    color:#000;
}
#sapPathPagePath a:link, #sapPathPagePath a:visited{
    color:#005AFF;
    text-decoration:none;
}
#sapPathPagePath a:hover{
    text-decoration:underline;
}
#sapPathPagePath a.sel{
    color:#005AFF;
}

/* Styling CSS */
.redFont {
    color:red;
}
.nowrap {
  white-space:nowrap !important;
}

/* Modal popup Styles */
.formSection {
    margin-bottom: 10px;
    background-color: #F5F5F5;
    text-align: center;
    padding: 10px 20px 10px 45px;
    border-top: 2px solid #EEEEEE;
    border-bottom: 2px solid #EEEEEE;
    -moz-border-radius:5px;
    border-radius:5px;
    display: none;
}