/* Tab Content - menucool.com */

body{background-size:100%;background-color:#333333;font-size:10pt;
}

ul.tabs
{padding: 7px 0px 0px 0px;font-size: 0;margin:0;list-style-type: none;text-align: left; /*set to left, center, or right to align the tabs as desired*/}

ul.tabs li{display: inline;margin:0;margin-right:3px; /*distance between tabs*/}
        
ul.tabs li a
{font: normal 18px Verdana;/*12*/text-decoration:none;position:relative;padding:7px 10px;/*7px 16px*/border:1px solid #CCC;border-bottom-color:#B7B7B7;color:#000;background:#B7B7B7 url(tabbg.gif) 0 0 repeat-x;/*F0F0F0*/border-radius: 3px 3px 0 0;outline:none;}
        
ul.tabs li a:visited
{color: #000;}
        
ul.tabs li a:hover
{border: 1px solid #B7B7B7;background:#B7B7B7 url(tabbg.gif) 0 -36px repeat-x;}/* background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x*/
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{position: relative;top: 0px;font-weight:bold;background: white;border: 1px solid #B7B7B7;/*B7B7B7*/border-bottom-color: red;}

ul.tabs li.selected a:hover
{text-decoration: none;}

div.tabcontents
{border: 1px solid #333333; padding: 0px;/* 30*/background-color:#424242;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#898989) to(#424242));border-radius: 0 3px 3px 3px;}
/* div#view1,div#view2,div#view3,div#view4,div#view5{background-color:#dcdcdc}
Sortable tables */
spen.purple,spen.rad,spen.orange,spen.yellow,spen.blue,spen.green,spen.sblue,spen.sgreen,spen.yellowgreen,spen.gray{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:15pt;font-weight: bolder;width:55px;height:55px;position:relative;left:3px;text-align:center;line-height:27px;float:left;}

spen.gray{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#595959)); -webkit-text-stroke: 0.5px black;}

spen.purple{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D979FF), to(#B700FF)); -webkit-text-stroke: 0.5px black;}

spen.rad{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF7373), to(#FF0B0B)); -webkit-text-stroke: 0.5px black;}

spen.orange{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F79079), to(#FF6500)); -webkit-text-stroke: 0.5px black;}

spen.yellow{color:#565656;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFB2), to(#F7E600));}

spen.blue{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6756FE), to(#1800E6)); -webkit-text-stroke: 0.5px black;}

spen.green{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00C900), to(#007E00)); -webkit-text-stroke: 0.5px black;}

spen.sblue{color:#ffffff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63BDFF), to(#008FF7)); -webkit-text-stroke: 0.5px black;}

spen.sgreen{color:#565656;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#B7FF84), to(#66F700));}

spen.yellowgreen{color:#565656;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFFBE), to(#CFD01E));}

spen.test1{content: url("img/app.png");width:55px;height:55px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;float:left;}
hr.test1{position:relative;top:0px;}
p.bottom{text-align: center;color:#a9a9a9}
.no_w{color:#FFF300;font-size: 20px;line-height: 40px;text-indent: 3px;}
/*FFDA00*/
a{text-decoration:none;list-style-type:none;text-decoration:none;width:100%;height:70px;/*background-color:#fff;*/list-style-type:none;padding:0px;list-style-type:none;}/*margin:-3px 0px 0px 1px;*/
spen.p{font-size:16pt;color:#fff;left:7px;position:relative;top:7px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space : nowrap;width:80%;/*min-width:85%;*/}
spen.p2{font-size:12pt;color:#E3E3E3;position:relative;left:7px;top:10px;}
p{white-space:ellipsis;display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:25px;}/*margin:-10px 0px 0px 0px;*/

hr{border-top: 1px solid #A4A4A4;border-bottom: 1px solid #4E4E4E;margin: 5px 0px}/*position:relative;top:-6px;*/

@media screen and (min-width:300px) and (max-width:310px){
spen.p{width:235px;}
}
@media screen and (min-width:310px) and (max-width:320px){
spen.p{width:245px;}
}
@media screen and (min-width:320px) and (max-width:330px){
spen.p{width:255px;}
}
@media screen and (min-width:330px) and (max-width:340px){
spen.p{width:265px;}
}
@media screen and (min-width:340px) and (max-width:350px){
spen.p{width:275px;}
}
@media screen and (min-width:350px) and (max-width:360px){
spen.p{width:285px;}
}
@media screen and (min-width:360px) and (max-width:370px){
spen.p{width:295px;}
}
@media screen and (min-width:370px) and (max-width:380px){
spen.p{width:305px;}
}

@media screen and (min-width:380px) and (max-width:390px){
spen.p{width:315px;}
}
@media screen and (min-width:390px) and (max-width:400px){
spen.p{width:325px;}
}
@media screen and (min-width:400px) and (max-width:410px){
spen.p{width:335px;}
}
@media screen and (min-width:410px) and (max-width:420px){
spen.p{width:345px;}
}






html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}