/* default-theme.css (c) 2007-10 by iUI Project Members, see LICENSE.txt for license */
body {
    color: #000000;
    overflow-x: hidden;
}

li > a[selected], li > a:active {
    background-image: url(listArrowSel.png), url(selection.png) !important;
}

li > a[selected="progress"] {
    background-image: url(../default/loading.gif), url(selection.png) !important;
}

/************************************************************************************************/

body > .toolbar {
    background: url(toolbar.png) #6d84a2 repeat-x;
}

.button {
    -webkit-border-image: url(toolButton.png) 0 5 0 5;
    -moz-border-image: url(toolButton.png) 0 5 0 5;
}

.blueButton {
    -webkit-border-image: url(blueButton.png) 0 5 0 5;
    -moz-border-image: url(blueButton.png) 0 5 0 5;
}

#backButton {
    -webkit-border-image: url(backButtonBrdr.png) 0 8 0 14;
    -moz-border-image: url(backButtonBrdr.png) 0 8 0 14;
    background: url(backButtonBack.png) repeat-x;
}


.whiteButton {
    -webkit-border-image: url(whiteButton.png) 0 12 0 12;
    -moz-border-image: url(whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

.redButton {
    -webkit-border-image: url(redButton.png) 0 12 0 12;
    -moz-border-image: url(redButton.png) 0 12 0 12;
}

.grayButton {
    -webkit-border-image: url(grayButton.png) 0 12 0 12;
    -moz-border-image: url(grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

/************************************************************************************************/

body > ul > li.group {
	opacity:0.7;
    background: url(listGroup.png) repeat-x;
}

body > ul > li > a {
    background: url(listArrow.png) no-repeat right center;
}

/************************************************************************************************/
    
.dialog > fieldset {
    background: url(toolbar.png) #7388a5 repeat-x;
}

/************************************************************************************************/

body > .panel {
    background: #c8c8c8 url(pinstripes.png);
}

.toggle {
    border: 1px solid #888888;
    background: #FFFFFF url(toggle.png) repeat-x;
}

.toggle[toggled="true"] {
    background: #194fdb url(toggleOn.png) repeat-x;
}

.thumb {
    background: #ffffff url(thumb.png) repeat-x;
}

/************************************************************************************************/
#preloader {
    display: none;
    background-image: url(loading.gif), url(selection.png),
        url(blueButton.png), url(listArrowSel.png), url(listGroup.png);
}

.toolbar > h1.titleImg {
  background: url(title-img.png) no-repeat top center;
  color: rgba(0,0,0,0);
}

.backButtonImg {
  width: 50px;
  background: url(back-img.png) no-repeat center left,
              url(backButtonBack.png) repeat-x top left !important;
  color: rgba(0,0,0,0);
}

.mob_desc{
	font-size:13px !important;
	font-family:Tahoma, Arial;
}

.mob_author, a.mob_author{
	font-size:13px !important;
	font-family:Tahoma, Arial;
	margin-bottom:5px !important;
}

.my{
	font-size:13px !important;
	font-family:Tahoma, Arial;	
}

.mob_source{
	margin-top:5px !important;
}

li a{
	font-size:13px !important;
	font-family:Tahoma, Arial;	
}

img{
	padding:10px 0 10px 0 !important;
	width: auto!important;
	height: auto!important;
}

img[src*="userinfo.gif"], img[src*="community.gif"]{
    padding: 0!important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 176px) {
    img {
        max-width: 156px;
    }
}

@media only screen and (min-width : 200px) {
    img {
        max-width: 180px;
    }
}

@media only screen and (min-width : 240px) {
    img {
        max-width: 220px;
    }
}

@media only screen and (min-width : 320px) {
    img {
        max-width: 300px;
    }
}

@media only screen and (min-width : 480px) {
    img {
        max-width: 460px;
    }
}

@media only screen and (min-width : 550px) {
    img {
        max-width: 530px;
    }
}

@media only screen and (min-width : 600px) {
    img {
        max-width: 580px;
    }
}


@media only screen and (min-width : 640px) {
    img {
        max-width: 620px;
    }
}

@media only screen and (min-width : 800px) {
    img {
        max-width: 780px;
    }
}

@media only screen and (min-width : 1024px) {
    img {
        max-width: 1004px;
    }
}



/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.mob_foto{
	font-size:13px !important;
	font-weight:bold !important;
	font-family:Tahoma, Arial !important;	
	margin:-10px 0 15px 0 !important;
	color:#6395EE !important;
}

.mob_foto a{
	color:#6395EE !important;
}

.mob_foto a:hover{
	color:#000 !important;
}

a:hover{
	color:#000 !important;
}