/themes/large/large.css

body {

font-family : Trebuchet MS;

font-size : 8pt;

color : #ffffff;

background : #000000;

background-image: url('/pic/bg.jpg');

background-repeat:no-repeat;

}

td.cHs2 {

text-align:center;

background-color:#353535;

background-position:center;

background-repeat:no-repeat;

}

table {

border-collapse : collapse;

border : none;

background-color : #000000;

}

table.main, table.mainouter {

background : #000000;

}

table.bottom {

background : transparent;

}



h1 {

font-size : 12pt;

}

h2 {

font-size : 10pt;

margin-bottom : 6px;

}

p {

font-size : 8pt;

}

p.sub {

margin-bottom : 4pt;

}

td {

font-size : 8pt;

border : 1px solid silver;

}

td.embedded {

border : none;

padding : 0;

text-align : left;

}

td.bottom {

border : none;

}

td.heading {

font-weight : bold;

}

td.text {

padding : 10pt;

text-align : left;

}

td.comment {

padding : 10pt;

font-size : 8pt;

text-align : left;

}

/*

td.colhead {

font-weight : bold;

color : #ffffff;

background-color : #242428;

}*/

    td.colhead {

	border-style: solid solid none solid;

	border-width: 0px;

     background-image: url('pic/gradient.png');

background-repeat: repeat-x no-repeat-y;

	background-color: #3BB9FF;

}

td.rowhead {

background-color : #242428;

font-weight : bold;

text-align : right;

vertical-align : top;

}

td.dark {

background-color : #242428;

font-weight : bold;

}

td.title {

font-size : 14pt;

}

td.navigation {

font-weight : bold;

font-size : 10pt;

border : none;

}

td.cHs3 {

text-align:center;

background-color:red;

background-position:center;

background-repeat:no-repeat;

}

.clear {

text-align : center;

padding : 0;

border : 0;

background : transparent;

}

form {

margin-top : 0;

margin-bottom : 0;

}

.sublink {

font-style : italic;

font-size : 7pt;

font-weight : normal;

}

font.gray {

color : #aca899;

text-decoration : underline;

}

a:link, a:visited {

text-decoration : none;

color : #f0f0f0;

font-weight : bold;

}

a:hover {

color : #acbfd3;

}

a.biglink {

font-weight : bold;

font-size : 12pt;

}

a.altlink:link, a.altlink:visited {

font-weight : bold;

color : #5b90b2;

text-decoration : none;

}

a.altlink:hover {

text-decoration : underline;

}

a.altlink_blue:link, a.altlink_blue:visited {

font-weight : bold;

color : #004e98;

text-decoration : none;

}

a.altlink_blue:hover {

text-decoration : underline;

}

a.altlink_green:link, a.altlink_green:visited {

font-weight : bold;

color : #007800;

text-decoration : none;

}

a.altlink_green:hover {

text-decoration : underline;

}

.important {

font-weight : bold;

font-size : 8pt;

}

input, select, textarea {

font-family : tahoma;

font-size : 8pt;

border : 1px solid #5c5c61;

}

input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {

border : 1px solid #0084ff;

}



.login {

background:#2F3138;

border:1px #FFFFFF solid;

color: #FFFFFF;

}

.login:hover {

background:#2F3138;

border:1px #FFFFFF solid;

color: #FFFFFF;

}

.login:focus {

background:#2F3138;

border:1px #FFFFFF solid;

color: #FFFFFF;

}





.btn {

width : 75px;

height : 23px;

}

li {

margin-top : 6pt;

margin-bottom : 6pt;

}

ul {

margin-left : 16pt;

margin-top : 0;

margin-bottom : 0;

}



input, select, textarea {

font-family : tahoma;

font-size : 8pt;

color : white; 

background-image: url('pic/gradient.png');

background-repeat: repeat-x no-repeat-y;

background-color: black;

border : 1px solid #777777;

}

input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {

border : 1px solid #ffffff;

}



td.pager{

background-color: #4F8E83;

border: 1px solid #9CA4B0;

padding: 3px;

}

td.pagebr{  

background-color: transparrent;

border: 0px;

padding: 0px;

}

td.highlight{

background-color: red;

border: 1px solid #9CA4B0;

padding: 3px;

}

.highlighted {

background-color: #EFEEE6;

}

table.ncode_imageresizer_warning {

    background: #FFFFE1;

    color: #000000;

    border: 1px solid #CCC;

    cursor: pointer;

}



table.ncode_imageresizer_warning td {

    font-size: 12px;

    color: red;

    vertical-align: middle;

    text-decoration: bold;

}



table.ncode_imageresizer_warning td.td1 {

    padding: 5px;

}



table.ncode_imageresizer_warning td.td1 {

    padding: 2px;

}

.codetop{

    background: #f1b000 url(pic/php.gif) no-repeat right;

    color: #000;

    font-weight: bold;

    margin: 0 auto 0 auto;

    padding: 3px;

}



.codemain{

    background: #FFF;

    border: 1px solid #000;

    color: #000;

    margin: 0 auto 0 auto;

    padding: 3px;

}



.codetop{

background: #f1b000 url(pic/php.gif) no-repeat right;

color: #000;

font-weight: bold;

margin: 0 auto 0 auto;

padding: 3px;

}



code.sql

{

background: #FFF;

border: #E8E8E8 solid 1px;

color: #000000;

display: block;

margin: 0 auto 0 auto;

padding: 3px;

}



code.sql .keyword

{

color: blue;

font-weight: bold;

}



code.sql .operator

{

color: #FF00FF;

}



code.sql .red

{

color: red;

}



code.sql .green

{

color: green;

}



code.sql .orange

{

color: orange;

}



code.sql .ticked

{

color: #000000;

}



code.sql .bracket

{

color: #FF00FF;

}

.select2 {

background-color:Deepskyblue;

font-weight: bold;

}

td.clearalt6 {

  background: #555555;

  padding: 5px;

  border: 0px;

border: hidden;

}

td.clearalt7 {

  padding: 5px;

  background: #777777;

  border: 0px;

border: hidden;

}

.balloonstyle{

position:absolute;

top: -500px;

left: 0;

padding: 5px;

visibility: hidden;

border:1px solid #EAFF08;

font:normal 12px Verdana;

color: #EAFF08;

line-height: 18px;

z-index: 100;

background-color: black;

width: 400px;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);

}

#arrowhead{

z-index: 99;

position:absolute;

top: -500px;

left: 0;

visibility: hidden;

}

.btns

{

font-size:12px;

font-family:Verdana,sans-serif;

font-weight:bold;

color:#999999;

background-color:#EEEEEE;

border-style:solid;

border-color:#BBBBBB;

border-width:1px;

}



.faqhead{

background: #555555;

border: 1px dotted #FFF;

border-bottom: 0;

border-left: 4px solid lightblue;

color: #000;

font-weight: bold;

font-size: 12px;

margin: 8Px auto 0 auto;

padding: 3px;

}



.faqbody{

background: #F1F4F8;

border: 1px solid lightblue;

border-left: 4px solid lightblue;

border-top: 0;

color: #465584;

padding: 10px;

margin: 0 auto 8Px auto;

}



.infohead{

background: orange;

border: 1px dotted #FFF;

border-bottom: 0;

border-left: 4px solid orange;

color: #000;

font-weight: bold;

font-size: 12px;

margin: 8Px auto 0 auto;

padding: 3px;

}



.infobody{

background: #F1F4F8;

border: 1px solid orange;

border-left: 4px solid orange;

border-top: 0;

color: #465584;

padding: 10px;

margin: 0 auto 8Px auto;

}



.errorhead{

background: red;

border: 1px dotted #FFF;

border-bottom: 0;

border-left: 4px solid red;

color: #000;

font-weight: bold;

font-size: 12px;

margin: 8Px auto 0 auto;

padding: 3px;

}



.errorbody{

background: #F1F4F8;

border: 1px solid red;

border-left: 4px solid red;

border-top: 0;

color: #465584;

padding: 10px;

margin: 0 auto 8Px auto;

}

.highlight {

  background-color:red;

}



.highlight a:hover, .highlight a:active {

  color:#000000;

  background-color:#fd9e09;

}

#popitmenu{

position: absolute;

background-color: #241a28;

border:1px solid black;

font: normal 12px Verdana;

line-height: 18px;

z-index: 100;

visibility: hidden;

color: #f5f0c1;

}



#popitmenu a{

text-decoration: none;

padding-left: 6px;

color: #f5f0c1;

display: block;

font-weight: bold;

}



#popitmenu a:hover{ /*hover background color*/

background-color: #332831;

color: #cecff3;

font-weight: bold;

}

#poller{ /* The poller box */

text-align:center;

/*position: center; */

font-size:1.0em;

width:110px;

margin-left:auto;

margin-right:auto;

padding:15px;

border:1px double #000;

//background-image:url(pic/question.gif);

background-repeat:no-repeat;

background-position: center;

font-family: arial, Lucida Sans Unicode, Arial, sans-serif;

}

/* Poller title above radio buttons */

.pollerTitle{

margin-bottom:5px;

font-weight:bold;

}

/* Label for each radio button */

.pollerOption{

margin:0px;

}

/* Label for each option above graph - i.e. results */

.result_pollerOption{

margin:0px;

font-size:0.8em;

}

/* Title of poller - when ajax shows the results */

.result_pollerTitle{

margin-bottom:5px;

font-weight:bold;

font-size:0.9em;

}

/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */

.result_pollGraph img{

float:left;

}

/* The <div> tag where the percentage result is shown */

.result_pollGraph div{

float:left;

height:16px;

background-repeat:repeat-x;

color:#FFF;

font-size:0.9em;

line-height:16px;

}

/* Graph div - parent of both the corner images and the div displaying percentage votes */

.result_pollGraph{

height:16px;

}



/* Message when Ajax is working getting restults fromt the server */

.poller_waitMessage{

display:none;

}



.result_totalVotes{

clear:both;

font-size:0.8em;

margin-top:10px;

font-style:italic;

}

 .toggle_descr {

	padding: 0;

	margin: 0;

	display: none;

	border: 0;

}

.select2 {

background-color:Deepskyblue;

font-weight: bold;

}

table.list {

width:100%;

padding:0;

}

table.list td,table.list th {

border-right:0;

border-left:0;

}

table.list td div {

background-color:#FFFFFF;

padding:6px;

border-left:1px solid #777777;

border-right:1px solid #777777;

border-bottom:1px solid #777777;

}

div.error, div.notice, div.info {

margin:10px 100px;

padding:10px;

text-align:center;

color:#000000;

font-weight:bold;

moz-border-radius:top-left 8px;

}

div.error {

background-color:#FFAAAA;

border:4px solid #FF0000;

}

div.notice {

background-color:#AAAAFF;

border:4px solid #0000FF;

}