/*
For easier help development added
*/

table.sectiontable
    /* table that is used in a collapsible section */
{
    min-height: 300px;
    width: 100%;
}

div table.sectiontable td
{
    vertical-align: top;
    text-align: center;
}

td.cols3
    /* for a 3 column section */
{
    width: 33%;
}

td.cols4
    /* for a 4 column section */
{
    width: 25%;
}

td.cols5
    /* for a 5 column section */
{
    width: 20%;
}

td.description
{
    padding-bottom: 10px;
}

img.screenshot
    /* if picture is a screenshot and will more likely use more space than the surrounding table cell */
{
    width: 90%;
}

img.textInline
    /* for an image that should be used inline in text */
{
    height: 18px;
}

.buttonWrapper
    /* wraps the buttons in a div so they can be placed in the header */
{
    position: relative;
    z-index: 10;
    padding-right: 15px;
}

.headerButton
    /* class for buttons that are in the buttonWrapper */
{
    float: left;
}

.noText
    /* class for buttons that are in the buttonWrapper */
{
    height: 29px;
    width: 29px;
}

[data-theme=a].ui-btn-corner-all
    /* make the corners of the buttons less round */
{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    margin-left: 5px; /* make a nicer spacing to other buttons */
}


/* fix position and size of the title */
.replaceTitle, .ui-header .ui-title, .ui-footer .ui-title
{
    margin-left: 25px;
    text-align: left;
}

/* reposition icon for non-text buttons since they get a new height and width with .noText */
.ui-btn-icon-notext .ui-btn-inner .ui-icon
{
    margin: 5px;
    margin-left: 6px;
}

/*
* Icons
*/

.ui-icon-de-flag
    /* German flag */
{
    background-image: url("images/de.png");
}

.ui-icon-us-flag
    /* US flag */
{
    background-image: url("images/us.png");
}

.ui-icon-cn-flag
    /* Chinese flag */
{
    background-image: url("images/cn.png");
}

.ui-icon-ru-flag
    /* Russian flag */
{
    background-image: url("images/ru.png");
}

/* specification for high resolution flags */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-de-flag
        /* German flag */
    {
        background-image: url("images/de-highres.png");
        background-size: 18px 18px;
    }

    .ui-icon-us-flag
        /* US flag */
    {
        background-image: url("images/us-highres.png");
        background-size: 18px 18px;
    }

    .ui-icon-cn-flag
        /* Chinese flag */
    {
        background-image: url("images/cn-highres.png");
        background-size: 18px 18px;
    }

    .ui-icon-ru-flag
        /* Russian flag */
    {
        background-image: url("images/ru-highres.png");
        background-size: 18px 18px;
    }
}

div table.sectiontable td table
{
	border-collapse: collapse;
	border-spacing: 0;
}

div table.sectiontable td td.key
{
	padding: 8px;
	border: 1px solid #ddd;
	text-align: left;
}

div table.sectiontable td th.key
{
	padding: 8px;
	border: 1px solid #ddd;
	text-align: left;
	background-color: #eee;
	font-weight: normal;
}