/* dotPROJECT REQUIRED CLASSES */

@font-face {
    font-family: "lato";
    src: url("fonts/Lato-Regular.ttf");
}

BODY {
	background-color: #f0f0f0;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: lato, Osaka,verdana,Sans-Serif;
	font-size: 10pt;
}

ul {
	margin-left: 25px;
}

dl {
	margin-top: 0px; padding-left: 1px;
}
dt {
	margin-top: 0.5em;
	color: #000099;
	font-weight: bold;
}
dd {
	margin-bottom: 0px; margin-left: 1.5em;
}


em {
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

A:link {
	/*color: #08245b;*/
	/*color:#1C5EA6;*/
	color:#133f75;
	text-decoration: none;
}

A:visited {
	/*color: #08245b;*/
	/*color:#1C5EA6;*/
	color:#133f75;
	text-decoration: none;
}

A:active {
	color: red;
	text-decoration: none;
}

A:hover {
	color: #666666;
	text-decoration: underline;
}

TD {
	font-family: lato, Osaka,verdana,Sans-Serif;
	/*font-size: 8pt*/font-size: 10pt
}

TR {
	font-family: lato, Osaka,verdana,Sans-Serif;
	/*font-size: 8pt*/font-size: 10pt
}

h1, .title {
	font-size: 16px;
	font-weight: bold;
	font-family: lato, Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 5px;
}

h2, .subtitle {
	font-size: 12px;
	font-weight: bold;
	font-family: lato, Osaka,verdana,Sans-Serif;
	color: #666;
	margin-bottom: 0px;
	margin-top: 15px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: lato, Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 35px;
}

bordertable {
	border: 1px black solid;
}

.bordertable{
 border: 1px black solid;
}

.button{
	/*border: 1px black solid;*/
	font-family: lato, Osaka,verdana,Sans-Serif;
	font-size: 8pt;
	/*width: 100px; too small for some translations*/
}

.item {
	color: #08245b;
}

.ok {
	color: green;
}

.text{
	border: 1px black solid;
	font-family: lato, Osaka,verdana,Sans-Serif;
	font-size: 8pt;
	color: #000009;
	/*height: 12pt; Select boxes are too small in Mozilla */
}

TEXTAREA {
	font-family: lato, Osaka,verdana,helvetica,arial,sans-serif;
	font-size: 9pt;
	background-color: #ffffff;
}

.textarea {
	font-family: lato, Osaka, verdana,helvetica,arial,sans-serif;
	font-size: 9pt;
}

textarea.small {
	border: 1px black solid;
	font-family: lato, Osaka, verdana,Sans-Serif;
	font-size: 8pt;
}

/* dotProject Top Banner and Top Nav Customization */
TH.banner {
	background-color: #08245b;
	color: #fff
}

/* modified by cerulean starts */

TD.nav {
	/*border: 1px solid #848284;
	background-color: #d5d3ce;*/
	color: #000;
	background: #3486ba; /* Old browsers */
background: -moz-linear-gradient(top, #3486ba 0%, #2270a1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3486ba), color-stop(100%,#2270a1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3486ba 0%,#2270a1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3486ba 0%,#2270a1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3486ba 0%,#2270a1 100%); /* IE10+ */
background: linear-gradient(to bottom, #3486ba 0%,#2270a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3486ba', endColorstr='#2270a1',GradientType=0 ); /* IE6-9 */
}
th.headerRNav {font-weight:normal;}
th.headerRNav a, th.headerRNav a:active, th.headerRNav a:visited, td.nav a {color:#fff !important;}
td.nav a {background: linear-gradient(to bottom, #2270A1 0%, #3486BA 100%) repeat scroll 0 0 transparent;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    display: inline-block;
    font-family: arial;
    font-size: 9.5pt;
    margin-right: 2px;
    padding: 7px 9px;}
th.headerRNav a:hover {color:#fff !important;}
td.nav a:hover, td.nav a.current {color:#d2e6f2 !important;background:#2270A1 !important;text-decoration:none !important;box-shadow:inset 1px 2px 3px rgba(0, 0, 0, 0.5);}

/* modified by cerulean ends */

/*
**********************************
Begin IE TD buttonizing
**********************************
*/

TD.clsBtnUp {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: inset 2px;
}

TD.clsBtnDown {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: inset 2px;
}

TD.clsBtnOn {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: outset #eeeeee 2px;
}

TD.clsBtnOff {
	color: #FFFFFF;
	padding: 0 3;
	/* tab-index: 0; //not valid for TD */
	border: solid #559999 2px;
}

TD.topBtnOff {
	color: #FFFFFF;
	padding: 0 3;
	/* tab-index: 0; //not valid for TD */
	border: solid #cccccc 2px;
}

TD.nav {
	color: #FFFFFF;
}

/* Standard table 'spreadsheet' style */
table.tbl {
	/*background: #a5cbf7;*/
}

table.tbl TH {
	/*background-color: #08245b;*/
	background-color:#2371a2;
	color: #ffffff;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
	font-weight: normal;
	text-align:center;
}

table.tbl td {
	/*background-color: #ffffff;*/
	border-bottom:1px solid #ccc;
}

/* a 'standard' table */
table.std {
	/*border: solid #08245b 2px;
	background: #d6ebff;*/
	border:1px solid #ccc;
	background:#e9e9e9;
}
table.std TH {
	/*background-color: #08245b;*/
	background-color:#2371a2;
	color: white;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
}

table.std td.hilite {
	background-color: #ffffff;
	border:1px solid #ccc;
}

/* contacts table */
table.contacts {
	background-color: #08245b;
}

table.contacts td {
	/*background-color: #d6ebff;*/
	background-color:#e9e9e9;
}

table.contacts td.hilite {
	background-color: #ffffff;
}

/* links in header blocks */
A.hdr:link, A.hdr:active, A.hdr:visited {
	color: #ffffff;
}

/* tabbed boxes */
td.tabon {
	background: #a5cbf7;
	/*
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
	*/
	/* background-image: url('./style/default/images/tabSelectedBg.png');*/
	 background-image: url('images/tabSelectedBg.png');
}
td.taboff {
	background: #d6ebff;
	/*
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
	*/
	/* background-image: url('./style/default/images/tabBg.png'); */
	background-image: url('images/tabBg.png');
}
td.tabsp {
	border-bottom: solid #cccccc 2px;
}
td.tabox {
	/*background-color: #a5cbf7;*/
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	padding:10px;
}

/* Message styles */
.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}

.no_ {
	color: red
}

/* popup calendar */
body.popcal {
	background-color: #f0f0f0;
}

table.poptitle {
	background-color: #ffffff;
}
table.poptitle td {
	background-color: #ffffff;
}
table.poptitle th {
	background-color: #ffffff;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

table.popcal {
	background-color: #cccccc;
}

table.popcal th {
	background-color: #ffffff;
	color: #000000;
	font-family: lato, Osaka,helvetica,arial,sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

table.popcal td {
	background-color: #ffffff;
	font-family: lato, Osaka,helvetica,arial,sans-serif;
	font-size: 8pt;
	text-align: center;
}

table.popcal td.empty {
	background-color: #e0e0e0;
}

table.mocal td.day  {
	background-color: #ffffff;
	text-align: center;
}

table.popcal td.today {
}

table.popcal td.weekend {
	background-color: #f0f0f0;
}

table.popcal a:link,
table.popcal a:visited {
	color: #0000ff;
	text-decoration: none;
}

table.popcal a.today:link,
table.popcal a.today:visited {
	color: #ff0000;
	font-weight: bold;
}

table.popcal a.weekend:link,
table.popcal a.weekend:visited {
	color: #0000aa;
}

table.popcal a.empty:link,
table.popcal a.empty:visited {
	color: #777777;
}

/* month calendar - title area */
table.motitle {
	background-color: #777777;
}
table.motitle td {
	background-color: #f0f0f0;
}
table.motitle th {
	background-color: #f0f0f0;
	font-size: 10pt;
}

table.mocal {
	background-color: #777777;
}
table.mocal th {
	background-color: /*#08245b*/#2371a2;
	color: #ffffff;
}
table.mocal td {
}
table.mocal td.week {
	vertical-align: top;
	background-color:/* #08245b*/#2371a2;
	height: 80px;
}
table.mocal td.empty {
	background-color: #e0e0e0;
	color: #aaaaaa;
	text-align: left;
	vertical-align: top;
	height: 80px;
}
table.mocal td.day  {
	background-color: #ffffff;
	color: #333366;
	text-align: left;
	vertical-align: top;
	height: 80px;
}
table.mocal td.today {
	background-color: #a5cbf7;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
}

table.mocal td.weekend {
	background-color: #f0f0f0;
	text-align: left;
	vertical-align: top;
}

table.mocal .event {
}

/* mini calendar - title area */
table.minititle {
}
table.minititle td {
}
table.minititle th {
	font-weight: normal;
}

table.minical {
}
table.minical th {
	font-weight: normal;
}
table.minical td {
}
table.minical td.week {
}
table.minical td.empty {
	color: #aaaaaa;
}
table.minical td.day  {
	text-align: center;
}
table.minical td.today {
	background-color: #e0e0e0;
	text-align: center;
}
table.minical td.weekend {
	text-align: center;
}
table.minical .event {
}

/* daily calendar */
table.tbl td.event {
        background-color: #fff0b0;
}

table.tbl td.event td {
	background-color: #fff0b0;
}

.hidden {display:none;}

th strong {
  float: left;
  margin-top: 2px;
}
th form {
  float: right;
  padding: 0;
  margin: 0;
  margin-top: 1px;
}

.disabled { color: #000000; }

/* added by cerulean starts */

div.mainContainer, div.footer, div.loginTitle {background:#fff;padding:10px 20px;border:1px solid #dadada;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.1);}
div.footer{font-size:9pt;padding:10px 22px;width:91%;margin:0px auto;}

div.loginTitle {float:left;margin-left:20px;width:93%;}
.loginTitle h1 {
    float: left;
    font-size: 14pt;
    margin: 0;
    padding: 10px;
}

.loginTitle ul {
    float: right;
    margin: 0;
    padding: 0;
}

.loginTitle li {
    background-color: #FEFEFE;
    background-position: 10px center;
    background-repeat: no-repeat;
    border-left: 1px solid #DADADA;
    cursor: pointer;
    float: left;
    list-style: none outside none;
    padding: 12px 20px 12px 45px;
}

.loginTitle li.ico-password {
    background-image: url("images/icons/help.png");
}

.loginTitle .loginBtn {
    background:#fff url("images/icons/login.png") 7px center no-repeat;;
	padding:12px 20px 12px 45px;
	color: #2C3437;
    font-family: lato;
    font-size: 12pt;
    padding: 12px 20px 12px 45px;
	border: 1px solid #CCCCCC;
	margin-right:5px;
	cursor:pointer;
}

.loginTitle td.label {font-size:11pt;}

.loginTitle td.fld input[type="text"], .loginTitle td.fld input[type="password"], .loginTitle td.fld input[type="email"] {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #A2A2A2;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: inline-block;
    margin: 5px;
    outline: medium none;
    padding: 5px;
}

.customfields {text-align:left;}
.customfields table {width:auto !important;}
.customfields table tr td:first-child {
    text-align: right;
	width:141px !important;
}

#custform #div_select li {margin:0px;list-style:none !important;}

td.hilite img {margin:-12px 5px 0px 0px;}
/* added by cerulean ends */


/*.addNewtble table tbody tr td [nowrap="nowrap"] {
width:110px !important;

}*/
.addNewtble {
padding:0px;
margin:0px;
}
.addNewtble table{
padding:0px;
margin:0px;
}
.addNewtble table tbody tr td[nowrap="nowrap"]{
width:107px !important;
text-align:right;
}
.addNewtble table tbody tr td.hilite {width:496px !important;}

.editNewtble {
padding:0px;
margin:0px;
}
.editNewtble table{
padding:0px;
margin:0px;
}
.editNewtble table tbody tr td[nowrap="nowrap"]{
width:107px !important;
text-align:right;
}
.editNewtble table tbody tr td input {
width:248px !important;
border: 1px solid black;
color: #000009;
font-family: lato,Osaka,verdana,Sans-Serif;
font-size: 8pt;
}

/*<!--Added By Raghu 08-04-13-->*/

.reportsList {
padding:0px;
margin:0px 0 0 25px;
list-style:none;
}
.reportsList li{ 
width:325px;
height:71px;
padding:12px 12px 12px 12px;
margin:10px 8px;
float:left;
display:block;
background: url("images/listBg.png") left top no-repeat;
color:#fff;
}
.reportsList li a{ 
color:#fff;
font-weight:bold !important;
font-size:18px;
padding-top:10px;
display:block;
}
.reportsList li span { 
color:#e4eff5;
font-weight:normal !important;
font-size:12px;

}
.reportsList li span#rejectedasset_summary {
background: url("images/RAS-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}

.reportsList li span#completed {
background: url("images/completed-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#stats {
background: url("images/PS-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#taskenddate {
background: url("images/TED-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#assetrejection {
background: url("images/RAR-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#rejectedasset_detail {
background: url("images/ARD-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#rejectedasset_detail_task {
background: url("images/ARD-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#rejection {
background: url("images/RR-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#tasksperuser {
background: url("images/TSbU-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#allocateduserhours {
background: url("images/AUH-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#overdue {
background: url("images/overdue-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#tasklist {
background: url("images/TL-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#overall {
background: url("images/OR-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#userperformance {
background: url("images/UP-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#upcoming {
background: url("images/upcoming-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#tasklogs {
background: url("images/TLog-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.reportsList li span#billing_report {
background: url("images/OR-icon.png") left top no-repeat;
width:66px;
height:66px;
float:left;
padding-right:12px;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

ul.tabsView {float:left;margin:0px;padding:0px;border-bottom:3px solid #DD8104;width:100%;}
ul.tabsView li {float:left;list-style:none;margin:0px 3px 0px 0px;padding:0px;}
ul.tabsView li a {color:#000;display:block;border:1px solid #ccc;padding:5px 10px;border-radius:5px 5px 0px 0px;background: rgb(238,238,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */filter:none\9 !important;}

ul.tabsView li.selected a, ul.tabsView li a:hover {text-decoration:none;border:1px solid #DD8104;background: rgb(255,197,120); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzU3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlkMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-8 */color:#000;filter:none\9 !important;}

table.tbl TH {border:none !important;background-color:none !important;background:url("images/table_thbg.jpg") repeat scroll 0 0 transparent;height:25px;}
table.tbl TH a {color:#fff !important;}

table.tbl tr:nth-child(even) {background:#ebebeb;}

table.taskLogs tr {background:#fff !important;}

table.tbl a.priorityOrderUp {
	background: url("images/up-arrow.png") no-repeat scroll center center transparent;
	display: block;
	height: 22px;
	width: 20px;
	margin-top: 2px;
}
table.tbl a.priorityOrderDown {
	background: url("images/down-arrow.png") no-repeat scroll 3px  center transparent;
	display: block;
	height: 22px;
	width: 20px;
	margin-top: 2px;
}
