/* center the whole page in the middle */
#pagecontainer * {margin:0;}
#pageheader * {margin:0;}
body  {text-align:center;font-family:Arial,Sans-Serif;font-size:110%; white-space:normal;}
#pageheader { margin-right:auto; margin-left:auto;text-align:left;width:90%;}
#pagecontainer { margin:0 auto;text-align:left; vertical-align:top; width:90%; white-space:normal;}


.centerwrap { margin:0px auto;text-align:center; display: inline-block;}
.centerblock{ margin:0px auto;display: inline-block;}
.centered { margin:0px auto;text-align:center;}

/* large subtitles - hide the . in a list */
.subtitle {font-size:larger;white-space:nowrap;vertical-align:middle;}
ul.subtitle li {  list-style: none; padding: 3px 30px 3px 10px; margin: 5px; }

.submenu {white-space:nowrap;vertical-align:middle;}
ul.submenu li {  list-style: none; margin: 2px;  }

/* main title */
.title {font-size:larger; white-space:nowrap; vertical-align:middle;}

/* force new centered area */
.centeredclear{ text-align:center;clear:both;}

/* default link colors */
a:link{color:blue;}
a:visited{color:blue;}
a:hover{color:red;}

/* horizontal list with border */
ul.horizontal_list {
    margin: 0 auto;
    padding: 0;
}
ul.horizontal_list li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
    border: 1px solid #CCC;
}

/* button lookalike */
.button {
    text-align: center;
    padding: 3px 10px 3px 10px;
    margin: 10px 15px 10px 10px;
    border: 1px solid #0B0B0B;
    background-color:ButtonFace;
    color:ButtonText;
    text-decoration:none;
    overflow:hidden;
    width:150px;
}

.button a:active{ color:ButtonText;}

/* images */
img {border-style:none; margin:2px;}
.appicon {margin-right:20px; width:50px;height:50px;}
.img_screen {width:300px;margin:0;}
.img_screenbig {width:400px;margin:0;}
.img_menu_main {width:120px;margin:0;}
.img_menu_more {width:300px;margin:0;}
.img_dialog {width:240px;margin:0;}
.img_inline {height:24px;margin:0; display:inline;vertical-align:middle;}
.img_fixedline {height:30px;}
.img_fixedlinebig {height:50px;}
.img_fixedlinelarge {height:70px;}
.icon {width:32px;height:32px;}
.line {height:2px; background-color:Gray; line-height:0px; vertical-align:middle;}
.line2 {height:3px; background-color:Gray; line-height:0px; vertical-align:middle;}
.lineLight {height:2px; line-height:0px; vertical-align:middle; background-color:Silver; }
.smallX {font-size:small;}
.small {}
.smaller {font-size:100%;}

/* general styles */
th {text-align:left;}
.ul {list-style-type:none;list-style-position:inside;margin-left:5px;padding-left:0px; display:list-item;}
.right {text-align:right; white-space:nowrap;}
.rightmenu {text-align:right; white-space:nowrap;}
.max{max-width:20%;}
.vc {white-space:nowrap; vertical-align:middle;}
.vt {vertical-align:top; }
.vb {vertical-align:bottom; }
ul table {display:inline-table;}
.indent {list-style-type:circle; list-style-position:inside;vertical-align:middle;}
.fixedline {height:40px;padding:5px; display:inline;vertical-align:middle;}
.w100 {width:50px;}
.tdindent { padding-left:50px;vertical-align:top; }
.tdindent p {padding-bottom:2px;}
.input {width:90%;}
.expandcol{width:25%;}
.fullwidthX{width:100%;}
.halfwidthX{width:50%;}
.fullwidth{}
.halfwidth{}
.halfindent { padding-left:50px;}
.mobindent {vertical-align:top; }
.mobindent2 {padding-left:5px;}
.hiddentext { background-color:White; color:White;}
.actionbutton{text-align:center; padding-left:5px; padding-right:5px;}
.min50 {min-width:50%;}