/*** codemirror ***/
@import url('/js/tinymce/plugins/codemirror/codemirror/lib/codemirror.css');

/*** system menu ***/
@import url('/css/ddsmoothmenu-v.css');
@import url('/css/ddsmoothmenu.css');


/*** system inputs and buttons ***/

.ui-datepicker-current,
.ui-datepicker-close,
button.dc2input,
input.dc2input[type="button"],
input.dc2input[type="submit"],
input.dc2input[type="reset"],
input.dc2input[type="image"] {
    background-color: #e9f2ff!important;
    background-image: url("/images/btn32.png")!important;
    background-position: center bottom!important;
    background-size: 100% 100%!important;
    border-color: #aaaaaa #606060 #606060 #aaaaaa!important;
    border-radius: 0.3em!important;
    border-style: solid!important;
    border-width: 1px!important;
    box-shadow: 1px 1px 2px #aaaaaa!important;
    font-size: 1.05em!important;
    margin: 4px 7px 4px 0!important;
    padding: 0.5em 1em!important;
    outline: none!important;
    color:#444!important;
}

button.dc2input img{
    border:0 none !important;
    outline:0 !important;
}

input[type="image"] {
    background-color: #e9f2ff;
    background-image: url("/images/btn32.png");
    background-position: center bottom;
    background-size: 100% 100%;
    border-color: #aaaaaa #606060 #606060 #aaaaaa;
    border-radius: 0.3em;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 2px #aaaaaa;
    font-size: 1.05em;
    margin: 4px 7px 4px 0;
    padding: 0.5em 1em;
    outline: none!important;
    color:#444;
    vertical-align: middle;
}


input.dc2input[type="image"] {
    padding: 0.4em!important;
}

input[type="image"] {
    padding: 0.4em;
}

.ui-datepicker-current:hover,
.ui-datepicker-close:hover,
button.dc2input:hover,
input.dc2input[type="button"]:hover,
input.dc2input[type="submit"]:hover,
input.dc2input[type="reset"]:hover,
input.dc2input[type="image"]:hover {
    background-color: #88baff!important;
    background-image: url('/images/btn32hover.png')!important;
    background-size: 100% 100%!important;
    outline: none!important;
    color: #444!important;
    opacity:unset!important;
}

input[type="image"]:hover {
    background-color: #88baff;
    background-image: url('/images/btn32hover.png');
    background-size: 100% 100%;
    outline: none!important;
    color: #444;
    opacity:unset;
}


button.dc2input:active,
input.dc2input[type="button"]:active,
input.dc2input[type="submit"]:active,
input.dc2input[type="reset"]:active,
input.dc2input[type="image"]:active {
    box-shadow: none;
    outline: none!important;
    border-color: #666 #aaa #aaa #666;
}

input[type="image"]:active {
    box-shadow: none;
    outline: none!important;
    border-color: #666 #aaa #aaa #666;
}


button.dc2input:disabled {
    background: #dddddd none repeat scroll 0 0 !important;
    color: #777777 !important;
}


input.dc2input[type="checkbox"],
input.dc2input[type="checkbox"]:hover
{
    transform: scale(1.5);
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    margin: 7px;
}


input.dc2input[type="text"],
input.dc2input[type="password"] {
    font-size: 1.3em;
    padding: 0.5em 0.3em;
    vertical-align: middle;
}

textarea,
textarea.dc2input {
    font-size: 1.5em;
    padding: 0.3em 0.3em;
}

textarea,
input[type="text"],
input[type="password"] {
    box-shadow: 1px 1px 5px #cccccc;
    padding: 0.5em;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    box-shadow: none;
    border: 2px solid #0074e4;
}


select.dc2input
{
}
select.dc2input option
{
    padding: 0.3em 0.5em;
}




/*** video wrapper ***/
.video-wrapper {
    max-width: 70em;
    width: 90%;
    margin: 1em auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*** images vrapper ***/


/** images **/

img.l20 {
    float: left;
    width: 20%;
    height: auto;
    margin-right: 2em;
    margin-bottom: 1em;
}

img.l30 {
    float: left;
    width: 30%;
    height: auto;
    margin-right: 2em;
    margin-bottom: 1em;
}

img.l40 {
    float: left;
    width: 40%;
    height: auto;
    margin-right: 2em;
    margin-bottom: 1em;
}

img.l50 {
    float: left;
    width: 50%;
    height: auto;
    margin-right: 2em;
    margin-bottom: 1em;
}


img.c50 {
    display: block;
    width: 50%;
    height: auto;
    margin: 1em auto;
}

img.c70 {
    display: block;
    width: 70%;
    height: auto;
    margin: 1em auto;
}

img.c90 {
    display: block;
    width: 90%;
    height: auto;
    margin: 1em auto;
}

img.c100 {
    display: block;
    width: 100%;
    height: auto;
    margin: 1em auto;
}



img.r20 {
    float: right;
    width: 20%;
    height: auto;
    margin-left: 2em;
    margin-bottom: 1em;
}

img.r30 {
    float: right;
    width: 30%;
    height: auto;
    margin-left: 2em;
    margin-bottom: 1em;
}

img.r40 {
    float: right;
    width: 40%;
    height: auto;
    margin-left: 2em;
    margin-bottom: 1em;
}

img.r50 {
    float: right;
    width: 50%;
    height: auto;
    margin-left: 2em;
    margin-bottom: 1em;
}

@media (max-width:700px) {
	img.l20,
	img.l30,
	img.l40,
	img.l50,
	img.r20,
	img.r30,
	img.r40,
	img.r50,
	img.c50,
	img.c70,
	img.c90,
	img.c100
	{
		float: none;
		width: 90%;
		height: auto;
		margin: 1em auto;
		display: block;
	}
}


/*** Object status ***/

.status-New {
    background-image: none!important;
    background-color: #c0ffc0!important;
}

.status-Editing {
    background-image: none!important;
    background-color: #ffffc0!important;
}

.status-Published {
}

.status-Locked {
    background-image: none!important;
    background-color: #ff7070!important;
}


.DC2TooltipBox {
    background-color: #eeffee!important;
    box-shadow: 0.3em 0.3em 0.5em #aaa!important;
    border-radius: 0 0 0 0!important;
    border: 1px solid #444!important;
    padding: 1em!important;
}