/**
* Copyright (c) 2013/2014, Intel Performance Learning Solutions Ltd, Intel Corporation.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may
* not use this file except in compliance with the License. You may obtain
* a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*
**/
/**
* Contains the custom styles for the Web UI
*
* created by Sridhar Voorakkara (vsridhar420@gmail.com)
*/
body {
font-family: Verdana, Geneva, sans-serif;
background-color:#2F4F4F;
text-align:center;
height:100%;
overflow:hidden;
margin: 0;
padding: 0;
font-size: 75%;
}
.tabHdr {
font-size: 150%;
font-weight: bold;
}
table {
margin-left:auto;
margin-right:auto;
}
#main {
background-color:white;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
overflow:auto;
z-index:-1;
width:80%;
margin:0 auto;
}
.shareIcon {
border:0px;
width:25px;
height:25px;
}
.btnIcon {
border:0px;
width:70px;
height:70px;
}
#hiddenMenu {
cursor: hand;
cursor: pointer;
}
.btnIconHidden {
border:0px;
width:70px;
height:10px;
}
.tabContent {
text-align:center;
min-height:100%;
overflow:auto;
}
#menuBar {
border:0px;
background-color:#404040;
width: 100%%;
color: white;
}
#title {
text-align: center;
font-size: 25pt;
font-family:serif;
color:blue;
font:bold;
}
#registerPane {
display: none;
width: 500px ;
margin-left: 20px ;
margin-top:30px;
padding-left:10px;
position:absolute;
background:#404040;
font-size:10pt;
font-weight:bold;
color:#FFF;
text-align: left;
border-radius:4px;
box-shadow: 0 1px whitesmoke;
-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);}
#loginPane {
display: none;
width: 500px ;
margin-left:20px;
margin-top:30px;
padding-left:10px;
position:absolute;
background:#404040;
font-size:10pt;
font-weight:bold;
color:#FFF;
text-align: left;
border-radius:4px;
box-shadow: 0 1px whitesmoke;
-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
table.lists {
font-size:8pt;
cell-spacing:2;
cell-padding:2;
background-color:#D3D3D3;
text-align:left;
width: 90%;
}
.listCaption {
font-size:10pt;
}
tr.listHdr {
font-weight: bold;
color: white;
background-color:#404040;
}
table.form {
cell-spacing:2;
cell-padding:2;
text-align:left;
font-size:10pt;
}
td.form-label{
background-color:#D3D3D3;
font-size:10pt;
text-align:right;
}
td.form-field{
background-color:#D3D3D3;
font-size:10pt;
text-align:left;
}
td.form-field-right{
background-color:#D3D3D3;
font-size:10pt;
text-align:right;
}
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; text-align:left;display:none; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
.linkBtn {
font-size:10pt;
padding: 10px 15px;
background: #DCDCDC;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #20538D;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.linkBtn:hover, .linkBtn:focus {
background: #A9A9A9;
border: solid 1px #2A4E77;
text-decoration: none;
}
.error {
color: red;
}