/*--- basic elements ---*/
html, body, div, tr, td, ul, ol, li, p, a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    color: #000;
    background-color: transparent;
}
html, body {
    background-color: #fff;
}
ul, ol {
    list-style-position: outside;
}
a:link, a:visited {
    color: #225CC7;
    text-decoration: none;
}
a:hover {
    color: #00c;
    text-decoration: underline;
}

/*--- main divistions ---*/
#javadisabled {
    content: "Your browser doesn't support Java script and as a result may not display the page properly.";
    padding: 8px;
    font-weight: bold;
    font-size: 18px;
    color: #ff0;
    background-color: #000;
}
#header1 {
    color: #000;
    background-color: transparent;
}
#header2 {
    height: 7px;
    background-image: url(styleimg/header2bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
#contents {
    width: 780px;
}
#left {
    padding: 0;
    color: #000;
    background-color: transparent;
    width: 180px;
    float: left;
}
#middle {
    padding-top: 4px;
    padding-left: 12px;
    color: #000;
    background-color: #fff;
    background-image: url(styleimg/leftnavbg.jpg);
    background-repeat: repeat-y;
    width: 580px;
    float: left;
}
#extraheight {
    height: 600px;
}
#middlefooter {
    height: 4px;
    color: #000;
    background-color: transparent;
}
#right {
    margin:
    color: #000;
    background-color: transparent;
    float: left;
    width: 0;
    visibility: hidden;
}
.clearfix {
    clear: both;
    visibility: hidden;
}
#footer1 {
    height: 7px;
    background-image: url(styleimg/footer1bg.png);
    background-repeat: no-repeat;
    background-position: top;
}
#footer2 {
    color: #000;
    background-color: transparent;
}
#utclogo {
    margin-bottom: 32px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

/*--- frame1 classes start ---*/
.frame1 {
    margin: 0 0 16px 0;
    width: 100%;
}
.frame11 {
    background-image: url(styleimg/frame11.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 4px;
    width: 4px;
}
.frame12 {
    background-image: url(styleimg/frame12.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 4px;
}
.frame13 {
    background-image: url(styleimg/frame13.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 4px;
    width: 4px;
}
.frame14 {
    background-image: url(styleimg/frame14.png);
    background-repeat: repeat;
    width: 4px;
}
.frame15 {
    color: #000;
    padding: 0 8px 8px;
}
.frame16 {
    background-image: url(styleimg/frame16.png);
    background-repeat: repeat;
    width: 4px;
}
.frame17 {
    background-image: url(styleimg/frame17.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
}
.frame18 {
    background-image: url(styleimg/frame18.png);
    background-repeat: repeat;
    height: 4px;
}
.frame19 {
    background-image: url(styleimg/frame19.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
}
.progname, .tipspgtitle, .downloadpgtitle, .historypgtitle, .tclinkspgtitle, .menupgtitle, .optionpgtitle {
    margin: 0 -8px 8px -8px;
    padding: 0 8px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #0056eb;
    background-image: url(styleimg/frame1title.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.menupgtitle, .optionpgtitle, .tipspgtitle, .historypgtitle {
    text-align: left;
}
.menupgtitle span, .optionpgtitle span, .tipspgtitle span {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: normal;
}
.progname {
    font-size: 20px;
}
/*--- frame1 classes end ---*/
/*--- tblmorelinks classes start ---*/
.pmorelinks, .plegend {
    margin: 0 -8px 2px -8px;
    padding: 0 8px;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #5C79E4;
    background-image: url(styleimg/frame1title.png);
    background-repeat: repeat-x;
    background-position: bottom;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #999379 #999379 #1F5CC6 #fff979;
}
.prelatedlinks {
    margin: 4px 0 -16px 4px;
    padding: 2px;
    color: #008;
    background-color: #0c0;
    background-image: url(styleimg/grouptitle1.png);
    background-repeat: repeat-x;
    background-position: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.plegend {
    margin: -8px -8px 8px -8px;
}
.ulmenus {
    margin: 0;
    color: #000;
    list-style-type: none;
}
.ulmenus li {
    color: #000;
    list-style-type: none;
    line-height: 4px;
}
.tblmorelinks {
    margin: 16px 0 0 0;
}
.tblmorelinksright {
    margin: 16px 0 0 4px;
}
.tdmorelinksright a:link, .tdmorelinksright a:visited, .tdmorelinksright a:hover {
    font-size: 11px;
}
.tdmorelinks, .tdmorelinksright {
    width: 33%;
    padding: 0 8px 8px 8px;
    background-color: #EDF2FC;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #5C79E4;

}
/*--- tblmorelinks classes end ---*/


/*--- list style start ---*/
.ullevel1 {
    margin: 0 0 0 16px;
    list-style-type: disc;
    list-style-image: url(styleimg/ullevel1.png);
}
.ullevel2 {
    margin: 0 0 0 32px;
    list-style-type: square;
    list-style-image: url(styleimg/ullevel2.png);
}
.ullevel3 {
    margin: 0 0 0 48px;
    list-style-type: disc;
    list-style-image: url(styleimg/ullevel3.png);
}
.ullevel4 {
    margin: 0 0 0 64px;
    list-style-type: disc;
    list-style-image: url(styleimg/ullevel4.png);
}

.ollevel1 {
    margin: 0 0 0 24px;
}
.ollevel2 {
    margin: 0 0 0 40px;
}
.ollevel3 {
    margin: 0 0 0 56px;
}
.ollevel4 {
    margin: 0 0 0 72px;
}
.uldown {
    margin : 0 0 0 48px;
    list-style-type : square;
    list-style-image : url(styleimg/uldownload.png);
}
.uldown li {
    line-height: 34px;
}
/* --- Paragraph style --- */
.plevel0 { margin: 0;}
.plevel1 { margin: 0 0 0 16px;}
.plevel2 { margin: 0 0 0 32px;}
.plevel3 { margin: 0 0 0 48px;}

.phlevel0, .phlevel0s {
    margin: 16px 0 4px 0;
    color: #0000C0;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    l0etter-spacing: 1px;
}
.phlevel0s {
    font-size: 1em;
}
.phlevel1 {
    margin: 16px 0 4px 16px;
    font-size: 16px;
    font-weight: bold;
}
.phlevel2 { margin: 0 0 0 32px;}
.phlevel3 { margin: 0 0 0 48px;}

.pversion {
    margin: 16px 0 8px;
    font-weight: bold;
    font-size: 18px;
    color: #800;
    background-color: transparent;
}
.poverview {
    text-indent: 2em;
    margin-right: 8px;
    margin-bottom: 8px;
}
.phistory {
    margin: 0 0 6px 16px;
}
.pverhistory {
    margin: 16px 0px 8px 0px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
/* === url Links === */
.smalllink, .smalllink a {
    font-size: 11px;
    text-align: center;
}
/* --- boxes --- */
.legend {
    margin: 16px 0 24px;
    padding: 8px;
    color: #000;
    background-color: #D1E0FF;
    border-width: 1px 0;
    border-color: #1160FF;
    border-style: solid;
    width: 220px;
}
.shadowbox1 {
    padding: 8px;
    background-color: #D9DFF7;
    border-width: 0 0 1px 0;
    border-color: #8199E3;
    border-style: solid;
}
.shadowbox2 {
    margin: 8px 0;
    padding: 8px;
    background-color: #CBD4F5;
    border-width: 0 0 1px 0;
    border-color: #8199E3;
    border-style: solid;
}
.shadowbox1 .phlevel0, .shadowbox2 .phlevel0 {
    margin: 0;
    padding: 0;
}
.dlgbox {
    margin: 8px 0;
    padding: 8px;
    background-color: #D9E6FF;
    border-width: 1px 0;
    border-color: #000;
    border-style: solid;
}
.dlgbox .phlevel0 {
    margin: 0 0 4px 0;
}
.warnbox {
    margin: 8px 16px;
    padding: 8px;
    background-color: #FFE5B6;
    border-width: 1px;
    border-color: #FFDBA1 #FFBF59 #FFBF59 #FFDBA1;
    border-style: solid;
}

.tip01 {
    padding: 16px 8px;
    background-color: #D9DFF7;
    border-width: 0 0 1px 0;
    border-color: #8199E3;
    border-style: solid;
}
.tip02 {
    margin: 8px 0;
    padding: 16px 8px;
    background-color: #CBD4F5;
    border-width: 0 0 1px 0;
    border-color: #8199E3;
    border-style: solid;
}
.tip01 .phlevel0s, .tip02 .phlevel0s {
    margin: 0;
    padding: 0;
}
.trbg1 {
    color: #000;
    background-color: transparent;
}
.trbg2 {
     color: #000;
    background-color: transparent;
}
.trbg1 td, .trbg2 td {
    padding: 2px 2px 2px 8px;
    border: 1px solid #fff;
}
/* --- left groups and links --- */
.group1 {
    margin: 0 1px 0 1px;
}
.group2 {
    margin: 0 1px 1px 1px;
}
.group1 p, .group2 p {
    padding: 4px 0 0;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #000;
    background-color: #0c0;
    background-image: url(styleimg/grouptitle1.png);
    background-repeat: repeat-x;
    background-position: 0;
    border: 1px solid #080;
    height: 31px;
}

.grouplink1, .grouplink1active {
    margin: 0 1px 0 0;    
}
.grouplink1 a:link, .grouplink1 a:visited, .grouplink1 a:hover, .grouplink1active a:link, .grouplink1active a:visited, .grouplink1active a:hover {
    margin-top: 0;
    padding: 7px 0;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: block;
    color: #0E2C6C;
}
.grouplink1 a:link, .grouplink1 a:visited {
    padding-left: 8px;
    background-color: #D6E2FA;
    border-top: 1px solid #FFF;
    border-right: 1px solid #6391ED;
    border-bottom: 1px solid #6391ED;
    border-left: 5px solid #008;
}
.grouplink1 a:hover {
    padding-left: 12px;
    background-color: #A6C8FA;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 5px solid #00f;
}

.grouplink1active a:link, .grouplink1active a:visited {
    padding-left: 8px;
    color: #fff;
    background-color: #008;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 5px solid #00f;
}
.grouplink1active a:hover {
    cursor: default;
}

/* --- classes used in options pages --- */
.poption span {
    padding: 4px 32px 2px 4px;
    background-color: #ECE9D8;
    font-family: "MS Sans Serif", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-right: 1px solid #BEBEA2;
    border-bottom: 1px solid #BEBEA2;
}
.poptioninfo {
    padding-left: 20px;
    margin: 2px 0 16px;
}
/* ------------------------- */

.imgtips {
    float: left;
}
.pscr {
    margin: 16px 0;
    text-align: center;
}

.highlight1 {
    color: #f00;
    background-color: transparent;
    font-weight: bold;
}
/* --- classes used in menus pages --- */

.cmdcaption {
    padding: 2px 8px 2px 8px;
    margin: 16px 0 4px;
    width: 300px;
    font-weight: bold;
    font-size: 1em;
    font-family: "MS Sans Serif", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #ECECE1;
    border-top: 1px solid #fff;
    border-right: 1px solid #D8D2BD;
    border-bottom: 1px solid #D8D2BD;
    border-left: 5px solid #00c;
}
.shortcuttable {
    margin-left: 16px;
    width: 95%;
}
.tdshortcut1 {
    width: 40%;
    font-style: italic;
}
.tdshortcut2 {
    font-weight: bold;
    color: #008;
}
.tdshortcut3 {
    width: 40%;
    font-style: italic;
}
.tdshortcut4 {
    width: 32px;
    height: 32px;
}
/* ------------------------- */

.tablehistory {
    margin: 8px 0 0 0;
}
.tablehistory td {
    padding: 2px 12px;
    font-size: 14px;
    font-family:  "MS Sans Serif", Tahoma, Verdana;
}