/*
Description: Stylesheet for Jupiter Digital admin section
Author: Aouse Al-Rawi
Date: June 2008
*/


/*********************************************************************************
*
* GENERAL ELEMENT STYLES
*
**********************************************************************************/
html{height: 100%;}
body{min-width:100%;height:100%;font-size:63%;text-align:center;background-image:url('../../images/bk_repeater.jpg');background-repeat:repeat-x;background-color:#333;color:#FFF;}
*{padding:0px;margin:0px;}

h1{font:normal 2.0em Georgia, Arial, Helvetica;color:#FFF;}

h2{font: normal 1.4em Georgia, Verdana, Arial;color:#FFF;border-bottom:1px dotted #666;margin:10px 0px 10px 0px;padding:0px 0px 5px 0px;} 

h2 a{font-family: Georgia, Verdana, Arial; color:#FFF;} 

h3{font: normal 1.4em Georgia, Verdana, Arial;margin-top:10px;}

p{font:normal 1.3em Arial, Verdana, Helvetica;color:#ACACAC;line-height:1.4em;margin:10px 0px 10px 0px;padding-right:10px;}

a{font-family:Arial,Georgia, Verdana;color:#FDE100;text-decoration:none;}
a:hover{text-decoration:underline;}

ul {margin:15px 15px 0px 15px;}
ul li{font: normal 1.2em Arial, Verdana, Helvetica;margin:0px 10px 5px 0px;padding-left:0px;list-style-image:url('../images/buttons/bullet.gif');color:#ACACAC;}



/*********************************************************************************
*
* CUSTOM STYLES
*
**********************************************************************************/

.dividerF{border-top:1px dotted #666;height:1px;margin:0px 0px 7px 0px !important;margin:0px;width:inherit;}
.dividerH{border-top:1px dotted #666;height:1px;margin:5px 0px 0px 0px;width:inherit;}

.clear{clear:both;}
.rightFloat{float:right;}
.leftFloat{float:left;}
.jdItalic{font-style:italic;}

.jdTopMarginTiny{margin-top:30px;}

.jdTinyText{font-size:1.0em;}
.jdSmallFont{font-size:1.3em;}
.jdMediumFont{font-size:1.4em;}
.jdBigFont{font-size:1.7em;}

.jdWhiteText {color:#FFF;}
.jdYellowText {color:#FDE100;}
.jdGreyText {color:#ACACAC;}
.jdBlackText {color:#333;}

.border{border:1px solid red;}
.jdInvisible{display:none;}

.jdLinkStyle{cursor:pointer;}
/*******************************END***********************************************/



/*********************************************************************************
*
* HEADER AND FOOTER
*
**********************************************************************************/
#jdAdminHeader{width:inherit;padding:15px 0px 25px 0px !important;padding:10px 0px 10px 0px;}

#jdAdminHeader #globalNavigation{vertical-align:bottom;margin-top:20px;}
#jdAdminHeader #globalNavigation ul{text-align:left;margin:0px 0px 0px 2px;padding:0px;}
#jdAdminHeader #globalNavigation ul li{display:inline;font:normal 1.3em Georgia, Arial, Verdana;color:#D5D5D5;margin:0px 3px 0px 0px;padding:0px;}
#jdAdminHeader #globalNavigation ul li a{font-family:Georgia, Arial, Verdana;color:#D5D5D5;text-decoration:none;}
#jdAdminHeader #globalNavigation ul li a:hover{text-decoration:underline;}
#jdAdminHeader #globalNavigation .seperator{position:relative;top:-2px;}
#jdAdminHeader #globalNavigation  .selected a{color:#FDE100;}
#jdAdminHeader img{padding:0px;margin:0px;}

/*#jdAdminHeader #globalNavigation{vertical-align:bottom;margin-top:20px;}
#jdAdminHeader #globalNavigation ul{text-align:left;margin:0px 0px 0px 0px;padding:0px;}
#jdAdminHeader #globalNavigation ul li{display:inline;font:normal 1.3em Georgia, Arial, Verdana;color:#D5D5D5;margin:0px 0px 0px 0px;padding:0px;}
#jdAdminHeader #globalNavigation ul li a{font-family:Georgia, Arial, Verdana;color:#D5D5D5;text-decoration:none;}
#jdAdminHeader #globalNavigation .seperator{position:relative;top:-2px;}
#jdAdminHeader #globalNavigation  .selected a{color:#FDE100;}*/


.footerOuter{height:110px; position:relative !important;position:absolute;left:0px;}
#jdAdminFooter{width:inherit;padding:25px 0px 15px 0px; }
#jdAdminFooter ul{margin:0px 0px 0px 0px;}
#jdAdminFooter ul li{display:inline;list-style-type:none;font:normal 1.1em arial, verdana, helvetica;color:#ACACAC;margin:0px;}
#jdAdminFooter a{color:#999;}
#jdAdminFooter .footerLogos{margin:10px 0px 0px 0px;}
#jdAdminFooter .seperator{margin:0px 3px 0px 3px;}
#jdAdminFooter .rightside{margin-left:16px;}
#jdAdminFooter span a{color:#EBEBEB;}
#jdAdminFooter .footerLogos #jupiter{float:left;vertical-align:top;}
#jdAdminFooter .footerLogos #jupiter a{display:block;background: url(../../images/jupiter-over-admin.gif) 0px 0px no-repeat;width:42px;height:50px;}
#jdAdminFooter .footerLogos #jupiter a:hover{display:block;background: url(../../images/jupiter-up-admin.gif) 0px 0px no-repeat;width:42px;height:50px;}
/*******************************END***********************************************/



/*********************************************************************************
*
* CONTAINERS
*
**********************************************************************************/
.outer{margin:auto;width:924px;text-align:left;}
.outerMain{margin:auto;padding:0px 0px 0px 0px;width:924px;text-align:left;height:auto;}
.jdHeadFootContainer{width:inherit;}
.jdCentralArea{width:inherit;padding:30px 0px 30px 0px;}
/*******************************END***********************************************/


/*********************************************************************************
*
* SIDEBAR
*
**********************************************************************************/
#jdAdminSidebar{float:left;width:215px;margin-right:20px;}
#jdAdminSidebar p{font-size:1.2em;}
#jdAdminSidebar ul{margin-right:0px;}
#jdAdminSidebar ul li {font-size:1.1em;}
#jdAdminSidebar .jdAdminSidebarItem{margin-bottom:25px;}
#jdAdminSidebar span{font-family:Georgia, Verdana, Arial;}
/*******************************END***********************************************/


/*********************************************************************************
*
* CONTENT AREA
*
**********************************************************************************/
#jdAdminContent{float:left;width:689px;border:0px solid red;}


#jdAdminLoginform{margin-top:20px;}
#jdAdminLoginform textarea{width:303px;height:200px;margin-bottom:25px;}
#jdAdminLoginform input{width:300px;height:20px;padding:5px 0px 5px 2px;}
#jdAdminLoginform p{font-size:1.2em;margin:5px 0px 5px 0px;}
#jdAdminLoginform .jdsubmitBtn{width:auto;height:auto;padding:0px;margin-top:10px;}


#jdAdminBacktoTop{color:#999;font-size:1.3em;margin-right:5px;}


.jdAdminPhases{float:left;margin-bottom:65px;margin-top:20px;width:215px;margin-right:22px;}
.jdAdminPhaseDetail{float:left;width:215px;}
.jdAdminClients{float:left;margin-bottom:65px;margin-top:20px;}
.jdAdminProject{float:left;width:215px;margin-right:22px;margin-bottom:15px;}
.jdAdminProject img, .jdAdminPhaseDetail img{margin:10px 0px 0px 0px; border:0;}
.jdAdminTitleBar{height:65px;position:relative;}
.jdAdminTitle{position:absolute;bottom:0px;}
.last{margin-right:0px !important; margin-right:0px;}
.lastBottom{margin-bottom:0px;}


#jdAdminLogin{width:303px;}

table {width:100%; margin: 20px 0 0 0;}
table thead tr th {font-family: Arial; font-size:1.2em; color:#fff; font-weight: bold;}
table tbody tr:hover {background:#444;}
table tbody tr td {font-family: Arial; font-size:1em; color:#fff; }
table tbody tr td a img {border: none;}

fieldset { margin:1.2em 0 0.5em; padding: 0 0 0 5px;border: none;padding:1em 0;}
legend { font-size: 1.4em; font-family: Georgia, Verdana, Arial; display: none;}
.formrow { margin-bottom:1em; }
label {display:block;font-size:1.1em;font-weight:normal;padding:0 0 0.3em;font-family:Arial;}
h2 a img { border: none; }
/*******************************END***********************************************/